Speed up your HTML workflow by 50%?! Emmet Tutorial

Показать описание

-- Today, I'm going to give you a quick crash course into using Emmet, which allows you to drastically speed up your HTML (and CSS) workflow. In a single line of writing emmet syntax/abbreviations, you can save yourself from writing hundreds of characters and multiple lines of HTML.

The Emmet cheat sheet:

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

Рекомендации по теме

Комментарии

Do you use emmet abbrevations frequently? Something else? Let me know.

DesignCourse

Tipe: "m:a" = margin: auto; And "m5-0-5-0" = margin: 5px 0 5px 0;

hugocsl

Another huge time saver that I recently discovered is to highlight something and press control+D to select the next identical bit of text in the document (It selects as many as you want at the same time, so if you start typing it replaces all of them or you can use the arrow keys to just start typing without replacing). Also, you can alt-click to have your typing cursor in multiple spots at once.

WyzrdCat

Emmet is a must have for HTML programming, you'll be surprised how much I've learned only by using it

JonathanTobi

Gary, great information on using Emmet. I’ve been learning HTML & CSS over the last month. These short-cuts will save me a lot of “typing-time.” Thank you.

vettoc

Gray your video is awesome. I must appreciate you. I just downloaded the cheat sheet and I am loving it like crazy..

beyondsounds

fabulous video. never used emmet but will start right away.

vincej

This was amazing. I downloaded emmet ages ago but was just using it for the ! Didn't take the time learn all it's other tricks. thanks.

nickdewaal

amazing sir this tricks change my whole coding world.

selfinspirationworld

I use emmets on a small scale but almost everyday. Thanks for the cheat sheet.

asaduzzamansunam

Thanks man, I've learnt a lot from this tutorial, just started learning html

chidieberenwaoha

Why is this video underrated this is awesomely awesome, I wish I knew all this before now

brianhooks

Im really an embedded system guy but with the onset of IoT in every day likfe the HTML5, css and .js are becoming every day use.
Emmet is an absolute dream and your intro is an eye opener and has already really incrased my workflow and look on the pages I am making. Hey they arent fantastic, yet ! :)

but they work and they are faster to do :)

garyrowlands

jeez, normally i have to speed my youtube videos up and skip over them like a mofo to get to the juicy bits, but this video is chock full of useful tips!!

Thanks mate, a worthy addition to my private "bestWebDev" playlist!

progtom