When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Emmet: Write HTML+CSS Like a Ninja
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
1 hours 3 minutes 
english
Online - Self Paced
course
SkillShare
About Emmet: Write HTML+CSS Like a Ninja
Class Introduction
// GETTING GOING
Quick Theory
Install Emmet
Emmet Installation in Sublime
// CSS ABBREVIATIONS
Abbreviations With Values
What Is The Abbreviation?
Gradients
Multiple Rules
Extra Info
Vendor Prefixes
Cool Abbreviations
// CSS SHORTCUTS
Increment Decrement Number
Math On The Fly
Reflect CSS Value
Toggle Comments
CSS Preprocessors
// HTML ABBREVIATIONS
Multiple Classes and IDs
Tag Types
HTML Attributes
Children, Multiplication and Incremental Numbers
Siblings And Groups
Climb Up
HTML Text
Lorem Ipsum
Unknown Abbreviations
Favorite Abbreviations
BEM Naming
Adding It All Together
// HTML SHORTCUTS
Balance Tags
Split Join Tag
Jump to Content Edit Point
Select Next & Previous Item
Remove Tag
Rename Tag
Goto Matching Pair
Wrap With Abbreviation
Toggle Comment
Update Image Size
// MORE AWESOME EMMET THINGS
Encode Image To Data
Merge lines
The Command Palette
Emmet Settings
Filters
// PRODUCTIVITY WITH SUBLIME
Without a Mouse
Split Into Lines
Tab Navigation
Emoji Picker
// CONCLUSION
What You Will Learn?
- If you code you’ll either know, or begin to realise, that there’s a lot of repetition that goes on – especially in HTML and CSS. This goal of this class is to show you how to dramatically speed up writing HTML and CSS by using a plugin called Emmet. The class covers the basics, advanced methods, hidden gems, and even more time-saving tools and tips..
- Emmet is available for all major code editors!It even works in places like Code Pen and JS Fiddle..
- Once you begin using Emmet you’ll wonder how you lived without it. It’s fast. It’s powerful. And it’s easy to use. You’ll save days or weeks throughout a year when using Emmet..
- The class in broken down into short videos, so you can try it on your own – and so you can easily reference them later!.
- Get you HTML & CSS Ninja on :) Take the class!.
- If you're looking to get into coding more check out my other coding classes:.