Skeleton

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 constraints.

The framework covers broad capability areas including responsive breakpoint management, base typography and form element normalization, and fluid grid layouts. It ensures consistent visual formatting for buttons, lists, and tables across different web browsers.

Features

Fluid Percentage Grids - Ships a fluid 12-column grid system using percentage-based widths that adapt to any viewport size.
Responsive Grid Systems - Provides a fluid 12-column grid system that adaptively resizes based on browser window and maximum width.
Responsive CSS Frameworks - Provides a lightweight, mobile-first framework for responsive interface development with a built-in fluid grid and CSS reset.
Responsive CSS Boilerplates - Acts as a mobile-responsive boilerplate with a lightweight foundation for adaptable layouts.
Mobile-Compatible Web Apps - Provides a responsive interface that automatically adapts layout and typography to fit any screen size.
Base Content Styling - Provides standardized styling for lists, code blocks, and tables to ensure a professional appearance.
CSS Utility Classes - Includes a library of single-purpose CSS utility classes for managing floats, clears, and width constraints.
Form Element Normalization - Normalizes the height and appearance of inputs and buttons for consistent cross-browser alignment.
Screen Percentage Layouts - Implements a layout system using percentage-based widths and media queries to ensure proportional sizing across different devices.
Boilerplates - Serves as a lightweight CSS boilerplate providing a foundation of resets and base styles for new projects.
Raw HTML Element Styling - Applies consistent typography and form styles directly to standard HTML tags for a clean baseline.
Responsive Breakpoints - Implements responsive breakpoints at common device widths to facilitate fluid layout adaptation.
Responsive Column Layouts - Creates fluid column layouts that shrink for smaller screens and adhere to a maximum width.
Mobile-First Breakpoints - Uses a mobile-first approach with minimum-width media queries to progressively enhance layouts for larger screens.
Grid Layout Systems - Ships a fluid 12-column grid layout system using percentage-based widths.
Normalize-Based Browser Resets - Includes a minimal CSS reset to override browser defaults for a consistent cross-device baseline.
CSS Normalization - Provides a lightweight CSS normalization layer to ensure consistent rendering across different web browsers.
Mobile-First Development Strategies - Employs a mobile-first approach, building for small screens first and using media queries for progressive enhancement.
Tag-Based Style Mappings - Applies CSS styles directly to native HTML tags for consistent formatting without requiring custom classes.
Layout Positioning Utilities - Controls layout behavior through specialized utility classes for floating and clearing elements.
Form Styling - Normalizes input and button heights to ensure cross-browser consistent styling of native form elements.
Prose Typography Styling - Establishes typographic defaults for vanilla HTML content using relative units for scalable text.
Layout Utility Classes - Prevent element overflow and manage floats using helper classes to simplify common page structure tasks.
Raw HTML Rendering - Provides base styling for raw HTML elements to ensure consistent rendering of standard tags.
Component Styling - Applies consistent visual formatting to basic components such as buttons, lists, and tables.
Tag-Based Styling Systems - Provides CSS rules applied directly to HTML tag names to ensure consistent basic typography and appearance.
Responsive Typography - Implements responsive typography using relative units to scale font sizes and spacing across devices.

Star 历史

dhgSkeleton

Name: dhg/skeleton
Author: dhg

View on GitHub

19,410 星标3,076 分支CSSMIT3 次浏览www.getskeleton.com

Skeleton

Features

Fluid Percentage Grids - Ships a fluid 12-column grid system using percentage-based widths that adapt to any viewport size.
Responsive Grid Systems - Provides a fluid 12-column grid system that adaptively resizes based on browser window and maximum width.
Responsive CSS Frameworks - Provides a lightweight, mobile-first framework for responsive interface development with a built-in fluid grid and CSS reset.
Responsive CSS Boilerplates - Acts as a mobile-responsive boilerplate with a lightweight foundation for adaptable layouts.
Mobile-Compatible Web Apps - Provides a responsive interface that automatically adapts layout and typography to fit any screen size.
Base Content Styling - Provides standardized styling for lists, code blocks, and tables to ensure a professional appearance.
CSS Utility Classes - Includes a library of single-purpose CSS utility classes for managing floats, clears, and width constraints.
Form Element Normalization - Normalizes the height and appearance of inputs and buttons for consistent cross-browser alignment.
Screen Percentage Layouts - Implements a layout system using percentage-based widths and media queries to ensure proportional sizing across different devices.
Boilerplates - Serves as a lightweight CSS boilerplate providing a foundation of resets and base styles for new projects.
Raw HTML Element Styling - Applies consistent typography and form styles directly to standard HTML tags for a clean baseline.
Responsive Breakpoints - Implements responsive breakpoints at common device widths to facilitate fluid layout adaptation.
Responsive Column Layouts - Creates fluid column layouts that shrink for smaller screens and adhere to a maximum width.
Mobile-First Breakpoints - Uses a mobile-first approach with minimum-width media queries to progressively enhance layouts for larger screens.
Grid Layout Systems - Ships a fluid 12-column grid layout system using percentage-based widths.
Normalize-Based Browser Resets - Includes a minimal CSS reset to override browser defaults for a consistent cross-device baseline.
CSS Normalization - Provides a lightweight CSS normalization layer to ensure consistent rendering across different web browsers.
Mobile-First Development Strategies - Employs a mobile-first approach, building for small screens first and using media queries for progressive enhancement.
Tag-Based Style Mappings - Applies CSS styles directly to native HTML tags for consistent formatting without requiring custom classes.
Layout Positioning Utilities - Controls layout behavior through specialized utility classes for floating and clearing elements.
Form Styling - Normalizes input and button heights to ensure cross-browser consistent styling of native form elements.
Prose Typography Styling - Establishes typographic defaults for vanilla HTML content using relative units for scalable text.
Layout Utility Classes - Prevent element overflow and manage floats using helper classes to simplify common page structure tasks.
Raw HTML Rendering - Provides base styling for raw HTML elements to ensure consistent rendering of standard tags.
Component Styling - Applies consistent visual formatting to basic components such as buttons, lists, and tables.
Tag-Based Styling Systems - Provides CSS rules applied directly to HTML tag names to ensure consistent basic typography and appearance.
Responsive Typography - Implements responsive typography using relative units to scale font sizes and spacing across devices.

Skeleton 的开源替代方案

相似的开源项目，按与 Skeleton 的功能重合度排序。

north/north
north/north
4,798在 GitHub 上查看
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 project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur
CSS
在 GitHub 上查看4,798
picturepan2/spectre
picturepan2/spectre
11,317在 GitHub 上查看
Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca
CSS
在 GitHub 上查看11,317
pure-css/pure
pure-css/pure
23,731在 GitHub 上查看
Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface components. It functions as a responsive CSS grid system and a CSS reset library that normalizes default browser rendering to ensure a uniform appearance across different web environments. The project provides standalone styles for common interactive elements such as buttons, menus, forms, and tables. It utilizes a modular architecture that allows for the inclusion of specific style modules and employs namespace isolation to prevent visual conflicts between components. The fram
JavaScript
在 GitHub 上查看23,731
mobi-css/mobi.css
mobi-css/mobi.css
2,316在 GitHub 上查看
Mobi.css is a lightweight, mobile-first CSS framework designed to provide a consistent foundation for web interface development. It establishes a stable visual baseline by normalizing default browser styles across all platforms, ensuring that standard interface elements like buttons, forms, and text blocks maintain a cohesive appearance. The framework utilizes a flexible grid system based on container models that automatically adjust content dimensions and alignment to fit varying screen sizes and device orientations. By prioritizing mobile constraints and employing viewport-based breakpoints
CSScsscss-frameworkcssnext
在 GitHub 上查看2,316

查看 Skeleton 的所有 30 个替代方案

常见问题解答

dhg/skeleton 是做什么的？

dhg/skeleton 的主要功能有哪些？

dhg/skeleton 的主要功能包括：Fluid Percentage Grids, Responsive Grid Systems, Responsive CSS Frameworks, Responsive CSS Boilerplates, Mobile-Compatible Web Apps, Base Content Styling, CSS Utility Classes, Form Element Normalization。

dhg/skeleton 有哪些开源替代品？

dhg/skeleton 的开源替代品包括： north/north — North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for… picturepan2/spectre — Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It… pure-css/pure — Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface… mobi-css/mobi.css — Mobi.css is a lightweight, mobile-first CSS framework designed to provide a consistent foundation for web interface… kristoferjoseph/flexboxgrid — Flexboxgrid is a responsive CSS framework and layout engine based on CSS3 standards. It provides a grid system that… creativetimofficial/material-kit — Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building…