1. How To Compose HTML ID and Class Names like a Rockstar

    How much thought are you putting into the ID and Class names you assign to the HTML markup you write? Is there a rhyme and reason? If not, you may be missing out on the significant benefits of better organized and more readable code, so perhaps now’s a good time to take a closer look at this often under-appreciated subtlety of front-end coding.

  2. What Everybody Ought to Know about Using SVG Right Now

    Often, the biggest problem with a really good thing is simply that not enough people know how to leverage it. Such is the case with SVG, a fantastically capable, albeit not entirely cross-browser compatible, graphics technology. In this post Meitar provides an overview of everything you need to know to start using SVG today.

  3. How Semantic Markup Helps Server-side Developers Write Reusable Code

    As front-end developers, we know how much easier maintenance, testing, and rendering consistency all are when our markup is semantic and clean. We intrinsically understand the importance of separating content and presentation, and how vital it is to provide gracefully degrading implementations to our users. But how do we convince our server-side programmer counterparts to help us do this?

  4. 5 Top Tips to Beautify Your HTML and Enrich Your Content

    It may be surprising at first, but some of the biggest differentiators of good code and great code are actually all the little things. The absence of such “little things” can turn what would otherwise be beautiful markup into something that looks like it came from a Microsoft Word export. Here are 5 of the more-important-than-you-think things to help your markup go from decent to gorgeous.

  5. A Little-known Way to Replace Some Scripts with CSS Counters

    Replacing executable scripts with style sheets often improves performance and results in a more accessible page. As Meitar explains, recent advances in CSS support mean that more is possible in your style sheet than ever before, reducing the need for additional scripting on your web page.

  6. SVG Is The Future Of Application Development

    The support for SVG in browsers is slowly gaining momentum, to the point where fully fledged SVG applications with rich interfaces akin to desktop applications are just around the corner. With the ability to integrate semantic markup languages like HTML and RDFa, argues Meitar, why wouldn’t we use SVG for application development?

  7. 4 Easy-to-Use Microformat Tools to Beef Up Your Site

    What’s the point of semantic markup if users will never know or even care about it? Actually, developers can make such semantic markup useful for site visitors by exposing that information with a variety of easy to use tools. Here are some examples of such tools.