“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

Welcome to A2 Logic Group, your premier destination for comprehensive training and consulting services. Specializing in a broad spectrum of Information Technologies, we have grown from a dedicated team of IT and management enthusiasts into recognized industry leaders. Today, A2 Logic Group supports a global clientele of students, professionals, educational institutions, and corporations. Our success […]
In Qatar’s fast-paced business landscape, optimizing fleet operations is crucial for success. A reliable and efficient vehicle tracking system offers numerous benefits, empowering businesses to streamline operations, enhance security, and improve overall efficiency. Whether you manage a small delivery fleet or a large transportation network, implementing a vehicle tracking system in Qatar can significantly transform […]

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 […]
Welcome to A2 Logic Group, your premier destination for comprehensive training and consulting services. Specializing in a broad spectrum of Information Technologies, we have grown from a dedicated team of IT and management enthusiasts into recognized industry leaders. Today, A2 Logic Group supports a global clientele of students, professionals, educational institutions, and corporations. Our success […]
In Qatar’s fast-paced business landscape, optimizing fleet operations is crucial for success. A reliable and efficient vehicle tracking system offers numerous benefits, empowering businesses to streamline operations, enhance security, and improve overall efficiency. Whether you manage a small delivery fleet or a large transportation network, implementing a vehicle tracking system in Qatar can significantly transform […]
Approximately 25 million Americans have been diagnosed with cataracts at some time in their life. Nearly three million people have been diagnosed with glaucoma. If you fall into either of these groups, you should understand the importance of seeing an ophthalmologist frequently. An ophthalmologist can help you handle diseases such as cataracts and glaucoma appropriately. […]

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 […]
Singapore is recognised globally as a prime destination for foreign investors. Its business structure is well-developed, and its tax system is favourable to business owners. The government has a strong support system for entrepreneurs and provides legal protection for intellectual property rights. All of these conditions create an environment that is ideal for Singapore company […]
2020 has been a year that represents aggressive and sustained volatility with a confluence of unexpected situations, including economic shifts and market disturbance confluence. The COVID-19 pandemic forces businesses to adjust their methods of operations to ensure survival. These adjustments become the trajectory and guidance of what 2021 should look like and what companies should […]
COVID-19 pandemic has affected Thailand’s economy and labor market. World Bank’s Thailand Economic Monitor predicted that it would take Thailand over two years to return to its pre-COVID-19 growth and domestic product output levels. Although the country has successfully curbed the pandemic tide over the last few months, the economy remains severely hit. Nevertheless, heavily […]