AMCSS, Attribute Modules for CSS

Codes

Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS. It’s not a framework or a library, it’s a style that better describes…

Guidelines for writing sane, manageable, scalable CSS

Codes

While CSS is simple to learn and get started with, it soon becomes problematic at any reasonable scale. There isn’t much we can do to change how CSS works, but we can make changes to the way we author and structure it. In working on large, long-running projects, with dozens of developers of differing specialities and…

CSS Triggers, a game of layout, paint, and composite

Codes

Understand the ramifications of setting the value of a CSS property to something other than the default, or of updating that value. The CSS Triggers site lists CSS properties alphabetically, and lets you know whether changing their values will trigger layout, print or composite work. Clicking on a property brings up detailed information about what…

Alternate Fixed and Scroll Backgrounds [CSS only]

Codes

How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on fixed. These days we see a lot of parallax effects in web projects. You can achieve some dynamic results with CSS only, without affecting the website performance. All you need to learn is how…

Variance, build powerful Data Visualizations

Codes

Variance empowers engineers, designers, journalists, scientists, and analysts to build elegant bespoke data graphics for the web, using only HTML & CSS. Our intuitive, markup-based grammar emphasizes clear, practical graphics and serves as the foundation for a wide range of visualizations. In Variance, data graphics are created using special new data visualization tags that work…

Code Guide, Standards for HTML and CSS

Codes

Code Guide is a project for documenting standards for developing flexible, durable, and sustainable HTML and CSS. It comes from years of experience writing code on projects of all sizes. It’s not the end-all be-all, but it’s a start. Translations are maintained by their creators and may not always be up to date with the…