Faster, Simpler Code with Emmet
► Writing code is much more efficient when done with Emmet. We can improve our workflow by using snippets or shortcodes that Emmet expands out into full sections of HTML & CSS code.
These abbreviated snippets speed up our coding and also completely remove the possibility of human error - which is likely the number one cause of bugs in web applications.
► Timestamps:
0:00 Start
1:42 What is Emmet?
3:52 HTML boilerplate shortcut
4: 03 Link a stylesheet
4:33 Create an HTML element
6:00 Lorem Ipsum
8:2 Classes & IDs
12:58 Nesting child elements
13:48 $ numerical placeholder
15:11 Creating sibling elements
16:32 Grouping elements
17: 08 Linking scripts
17:37 Start of CSS shortcuts
17:49 Color
18:27 Background
19:18 Display
20:20 Margin & Padding
22:06 Sizing
23:55 Borders
24:39 Fonts
26:26 Text
27:02 Commenting
28:35 Emmet Cheat Sheet
► Get the code: https://github.com/tryminim/emmet (Use the green button to download a zip file or clone the repo if you know Git)
► Links used in the video:
Emmet Cheat Sheet: https://docs.emmet.io/cheat-sheet/
Emmet in VS Code: https://code.visualstudio.com/docs/editor/emmet
► This video is part of the Tools, Tips & Tricks for Developers Playlist: https://www.youtube.com/playlist?list=PL4cTxE4s2XIZHvTK5VSwdDDzQRmp1c5Ws
► Social Media:
https://www.twitter.com/craigabourne
https://www.instagram.com/craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Faster, Simpler Code with Emmet», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.