“Attribute Modules for CSS”

An idea by Glen Maddern for moving styling with attributes rather than classes. Not an entirely new concept, but it’s interesting to give it a name and explain a system based around it. Thoughts:

  • It avoids namespacing. Using modifiers like “large” is often a tempting naming convention, but too generic for a class name on its own. “Large” would be fine as an attribute value e.g. am-Button="large"
  • Cleaner on the HTML side, messier on the CSS side.
  • Probably technically slower CSS selectors, but that has been shown over and over to make very little difference except in extreme situations.
  • It probably makes the most sense while building a framework or pattern library that features variations. It’s OK that these parts of your site would use an approach like this and your day-to-day styling doesn’t.
  • I like how it sounds like caveman talk. <i am-Ogg="you jane.">

Direct Link to ArticlePermalink


AMCSS is a post from CSS-Tricks

No Comments
Comments to: AMCSS

Recent Articles

Good Reads

Worlwide

Overview VipsPM – Project Management Suite is a Powerful web-based Application. VipsPM is a perfect tool to fulfill all your project management needs like managing Projects, Tasks, Defects, Incidents, Timesheets, Meetings, Appointments, Files, Documents, Users, Clients, Departments, ToDos, Project Planning, Holidays and Reports. It has simple yet efficient layout will make managing projects easier than […]

Trending

Turquoise Jewelry is one of the ancient healing stones used for personal adornment and astrological benefits. The rare greenish blue-colored pectolite is celebrated for its enchanting powers among many crystal lovers. It is a hydrated phosphate of copper and aluminum that ranks 5 to 6 on the Mohs hardness scale. It is deemed a protective […]