The resources and tools for learning about the practice of front-end development. Written by Cody Lindley, sponsored by Frontend Masters
Visual Studio Emmet is a visual studio plugin for Emmet, a web-developer’s toolkit that can greatly improve your HTML & CSS workflow.
Attribute Modules, or AM, at its core is about defining namespaces for your styles to live in.
<div am-Row>
<div am-Column="12">Full</div>
</div>
<div am-Row>
<div am-Column="4">Thirds</div>
<div am-Column="4">Thirds</div>
<div am-Column="4">Thirds</div>
</div>
[am-Row] { / max-width, clearfixes / }
[am-Column~="1"] { / 1/12th width, floated / }
[am-Column~="2"] { / 1/6th width, floated / }
[am-Column~="3"] { / 1/4th width, floated / }
[am-Column~="4"] { / 1/3rd width, floated / }
[am-Column~="5"] { / 5/12th width, floated / }
/ etc /
[am-Column~="12"] { / 100% width, floated / }
Should you close or not close tags
web browser compatibility site, use this all the time
absolute position is relative to the parent positioned element. Nice.
"a lightweight, unobstrusive and fully configurable script for displaying code examples highlighted in a way similar to the way many text editors highlight code"