DEV Community

Cover image for Emmet Series1🎉- Boost your productivity

Emmet Series1🎉- Boost your productivity

Preethi⚡ on January 10, 2022

Hey There, Header seems weird right😵. Don't panic it's not heavy handed. Sometimes feel getting infuriated to structuring our markup😩 and we have p...
Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Well explained Emmet, this is the first good reason for web developers to continue their journey to the next level and fall in love with code speed.

css is awesome

Collapse
 
preethi_dev profile image
Preethi⚡

Such a sweet comment Atul and especially, I can get your thought by that gif😍

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Emmet is very useful, thanks for this detailed guide

Collapse
 
tyler36 profile image
tyler36

Thanks for the article.

Under "Generating Child Element" you have example code nav>ul>li, but it should be nav>ul>li>a, to match the screenshot you have.

Collapse
 
preethi_dev profile image
Preethi⚡

Hey There, Appreciate your response and Yes, I missed that a. You have a nice observation.

Collapse
 
mhadi2003 profile image
Mahdi

That was perfect 👌

Collapse
 
preethi_dev profile image
Preethi⚡

Thankful comment Mahdi. look forward to seeing you in an upcoming blog.

Collapse
 
azlan_syed profile image
Azlan-Syed

WOW I LOVE USING EMMET ALSO TYPE div.(classname) to make a div with a class faster

Collapse
 
preethi_dev profile image
Preethi⚡

Yaa you are right azlan-Syed