css-architecture

🔬 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

Initialize your base CSS styling with cross browser best practices. Available in CSS and configurable SASS (SCSS) format.

Fluid, Responsive and Semantic grid for Sass (SCSS) or LESS CSS. Supports any number of columns. Gutter width is defined as percentage, and grids can be nested too.

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-frontend-workflow.

Gulp 4 + Webpack 4 + Babel + BrowserSync + Sass + ITCSS Architecture + BEM Methodology + Twig.js | Frontie Webpack - Front-end Boilerplate + Starter WordPress Theme

An opinionated css architecture based on ITCSS and SASS

Curso de Guia de estilos: Montando páginas com componentes

SPOT CSS Framework { Single Place Of Truth Methodology }

Example site for CSS architecture training

Statistics about your CSS selector specificity.

Switch On/Off Light Bulb with Sound

My elaborate thoughts on CSS architectures and systems. My personal reasoning.

This repo contains all the codes I used to learn css advanced techniques from the course by Jonas Schmedtmann

Architecture for Sass in websites and applications

Estudo dos elementos básicos que formam a web.

This is the landing page for natours tours booking website

A hands-on project from Udemy: Git a Web Developer Job: Mastering The Modern Workflow

VisionCraft use real-time processing and object and movement detection (AI)

Methods to Organize CSS . (ITCSS Architecture Based)

Travel Company Landing Page using Sass, a float layout, and advanced responsive design.

Fictional Galactic Travel page using webpack.

Form component library using the ITCSS architecture

Float layout, 7-1 CSS pattern