Sass: Directory Structures That Help You Maintain Your Code

As projects grows larger, the need to modularize directory and file structure increases. This is particularly true if you want to create code that can be used in other projects, in components and patterns across one or more projects, or in templates you share with others.

Continue reading

How To Structure Your SVG Code — The <g>, <title> And <desc> Elements

What’s the best way to organize your SVG code? If all you want to draw is a line or simple shape there’s not much to organize, but what about SVGs with multiple shapes and lines that combine to form a more complex whole?

Continue reading

HTML5 Structural Elements — Series Wrap Up

For the last month and a half I’ve been trying to better understand how to work with the new HTML5 structural elements with some degree of success as well as failure. Now that the series is done, what did I learn?

Continue reading

HTML5 Structural Elements — How I Built This Demo: Part 2

As I mentioned last week, it’s one thing to learn how to use the new HTML5 structural elements and another to actually use them. In the past I’ve found using some of the HTML5 elements like aside seemingly easy to understand, but more difficult to use in practice.

Continue reading

HTML5 Structural Elements — How I Built This Demo: Part 1

It’s one thing to learn how the new HTML5 structural elements are supposed to be used. It’s another to actually use them in practice.

Continue reading