🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.
Sensible CSS Guidelines for large scale projects 🚀
Scally is a Sass-based, BEM, OOCSS, responsive-ready, CSS framework that provides you with a solid foundation for building reusable UI's quickly 🕶
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.
A basic setup for Webpack with ES6, Babel, Sass and stylelint
HTML as the source of truth. Astro, build-time tooling, minimal JS. Boring by design.
SPOT CSS Framework { Single Place Of Truth Methodology }
Initialize your base CSS styling with cross browser best practices. Available in CSS and configurable SASS (SCSS) format.
Guidelines for writing scalable and maintainable style-sheets
A One Web Boilerplate for all your Responsive Web needs. Powered by Apache SSI, SMACSS, Sass and RequireJS. Also includes Ant build script with several useful tools, as well as an SSI-based fork of adactio's Pattern-Primer (https://github.com/akikoo/Pattern-Primer). For more modern test-driven workflow, see https://github.com/akikoo/grunt-fronte…
Tailwind CSS: Architecture and Best Practices course code examples
Gulp 4 + Webpack 4 + Babel + BrowserSync + Sass + ITCSS Architecture + BEM Methodology + Twig.js | Frontie Webpack - Front-end Boilerplate + Starter WordPress Theme
A high-performance, accessible form validation system built exclusively with native HTML5 attributes and advanced CSS3 pseudo-classes. Zero JavaScript, zero runtime overhead.
Curso de Guia de estilos: Montando páginas com componentes
An opinionated css architecture based on ITCSS and SASS
Methods to Organize CSS . (ITCSS Architecture Based)
Responsive front-end design system featuring reusable UI components, accessibility practices, interactive JavaScript features, and scalable CSS architecture.
Master advanced CSS techniques: clean architecture, responsive layouts with Flexbox, CSS Grid, and hands-on practice for modern web design.
Add a description, image, and links to the css-architecture topic page so that developers can more easily learn about it.
To associate your repository with the css-architecture topic, visit your repo's landing page and select "manage topics."