🚨 IMPORTANT:
1 Year Free Hosting:
Use code KYLE for an additional $50
Emmet is an incredibly powerful tool that allows me to write HTML and CSS at least twice as fast as I could before. Emmet is full of snippets for HTML and CSS which allow you to write a small line of code that will generate a bunch of HTML or CSS based on the Emmet code you wrote. It is built into VSCode and is something that you have most likely used without even realizing it. In this video I go in depth into how you can use Emmet and all the different snippets and syntax that you need to know.
📚 Materials/References:
Emmet Cheat Sheet:
🧠 Concepts Covered:
– What Emmet is
– How to use Emmet
– The most important concepts in Emmet
– How to use Emmet in CSS
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
#WebDevelopment #WDS #Emmet
If you hit Ctrl + i, you can trigger VS Code to suggest an Emmet snippet. If you're building a snippet and aren't getting a trigger, this will do it for you. 🙂
thanks!
hint: it is better to watch at 1.25x
Brilliant
I'm definitely going to be using this from now on. Way better.
take a shot when he says powerful
wow😧
damnn, the whole time I'm just like 'whatt you can do that?!'
Great vid thank you
I think it's really powerful
Wow
Excellent video thanks
Help: tab isn`t moving me to next line, what to do?
i've seen so many videos like this that are so boring that i can't retain anything, thanks for making one that's really clean and straightforward and easy to follow. most painless tutorial video i've seen in awhile
Are these emmet abbreviations created by you as shortcuts or do the came in the basic emmet package, so to speak? because they dont work for me…
Thank you, sir
I love you!. You just saved me a bunch of time XOXO from Argentina ♥
Bro when you stacked the list items inside the list inside the nav inside the header and hit enter and it made all of it I was like DAAAAAAAAAMN
Really helped me with the speed, thanks 🙂
Hi, Kyle,
Watched this Video to refresh. And to figure out what am doing wrong!
My Intellisense suggestions and Emmet suggestions don't work when I hit the Enter key! Only when I click on them with the Mouse! Any idea why, please?
Thanks man, for this great tutorial😊😊
WDS carrying the Odin project 🙌
Came from OdinProject and this helped a lot. I only know a few emmets, but this improves a lot
I came here to study and I just couldn't about thinking how handsome he is
Sorry
Very good and helpful 👍
Sometimes the shortcut disappears, what do you press to make it reappear?
I can hear you clicking something when you encounter the same issue.
TOP led me here, thanks for the awesome video!
Great content!
Thank you for the video. What keyboard are you using? I like the sound of it.
Pur-fect!
ty
this was one of the best tutorials i have watched, straight to the point. thanks for the cheat sheet.
Great explanation.
Nice work man.
Can you please zoom the screen to the area we need to see. Watching on mobile is hard. Great info. Thanks