Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con
This project is a software engineering style guide and a curated collection of architectural patterns and coding standards. It provides a multi-language coding standard to ensure maintainable software across Ruby, Python, JavaScript, and Swift. The project establishes a development workflow specification for version control, continuous integration, and peer review to maintain a linear project history. It also includes a web accessibility framework based on ARIA and WCAG standards, using design tokens and semantic HTML patterns to build inclusive interfaces. The guides cover a broad range of
This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first UI toolkits and layout systems. It serves as a Sass UI library that allows for the creation of custom CSS frameworks through the use of a preprocessor to generate browser-ready stylesheets. The framework is distinguished by its deep customization capabilities, enabling users to override default themes and visual variables using Sass variables and mixins. It utilizes a modular import system, allowing specific components to be selectively included to control the final CSS bundle
Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a
North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes.
The main features of north/north are: Design System Components, Responsive Design, Mobile-First Development Strategies, Responsive CSS Frameworks, Content Strategy Planning, Agile Design Workflows, Content-First Workflows, CSS Architecture Patterns.
Open-source alternatives to north/north include: dhg/skeleton — Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building… thoughtbot/guides — This project is a software engineering style guide and a curated collection of architectural patterns and coding… twbs/bootstrap-sass — This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design… jhu-ep-coursera/fullstack-course4 — This project provides educational course materials and reference code for learning frontend web development. It serves… rstacruz/rscss — rscss is a CSS architecture framework and design system specification used to organize stylesheets. It provides a…