`

25个有用的CSS网格框架

阅读更多
25个有用的CSS网格框架

本文作者SloDive,是名经验丰富的设计师,喜欢在各个领域寻求“美好”的事物。自然其整理推荐的这25个CSS网格框架也不会差。
一个CSS框架可以支持大多数的复杂布局,以助加快开发进程。CSS网格框架列表如下,希望也能让你受益。
Prototyping With The Grid 960 CSS Framework

More Information on Prototyping With The Grid 960 CSS Framework
1140 grid

More Information on 1140 grid
CSS Grid Positioning Module

More Information on CSS Grid Positioning Module
1KB CSS Grid

More Information on 1KB CSS Grid
960 Grid System

More Information on 960 Grid System
Blueprint

More Information on Blueprint
YUI 2: Grids CSS

More Information on YUI 2: Grids CSS
Compose to a Vertical Rhythm

More Information on Compose to a Vertical Rhythm
A Detailed Look at the 960 CSS Framework

More Information on A Detailed Look at the 960 CSS Framework
PXtoEM

More Information on PXtoEM
Build a Newspaper Theme With WP_Query and the 960 CSS Framework

More Information on Build a Newspaper Theme With WP_Query and the 960 CSS Framework
CSS Frameworks Roundup (and some thoughts)

More Information on CSS Frameworks Roundup (and some thoughts)
Which CSS Grid Framework Should You Use for Web Design?

More Information on Which CSS Grid Framework Should You Use for Web Design?
The pythonic way of webdesign

More Information on the pythonic way of webdesign
Construct Your CSS

More Information on Construct Your CSS
A Closer Look At the Blueprint CSS Framework


More Information on A Closer Look At the Blueprint CSS Framework
Styling Buttons and Toolbars with the jQuery UI CSS Framework

More Information on Styling Buttons and Toolbars with the jQuery UI CSS Framework
A CSS Framework

More Information on A CSS Framework
Fluid 960 Grid System

More Information on Fluid 960 Grid System
SenCSs

More Information on SenCSs
inuit.css

More Information on inuit.css
YAML

More Information on YAML
BlueTrip CSS Framework

More Information on BlueTrip CSS Framework
Boilerplate

More Information on Boilerplate
Elements CSS Frameworks

More Information on Elements CSS Frameworks
原文:http://slodive.com/web-development/css-grid-frameworks/
分享到:
评论

相关推荐

    Grd-基于Flexbox的CSS网格系统框架

    Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架,你可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。

    AtomicGrid一个使用CSS网格实现的轻量级网格系统

    Atomic Grid:一个使用CSS网格实现的轻量级网格系统

    Grd基于Flexbox的CSS网格系统框架

    Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架,你可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。

    Fukol完全响应元素查询驱动渐进增强基于CSS网格框架

    Fukol完全响应,元素查询驱动*,渐进增强基于CSS网格框架

    pillscss是一款简单实用的响应式12列CSS网格系统

    pills.css是一款简单实用的响应式12列CSS网格系统。该网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。

    960网格CSS框架

    960网格框架是一款国外的CSS框架,利用该框架能更有效率的布局页面

    LessGridBoilerplate一个轻量级的12列CSS网格系统

    Less Grid Boilerplate一个轻量级的12列CSS网格系统,利用CSS Grid和LESS构建

    平板:一个CSS网格框架

    如果您不知道CSS网格,就不用担心。 您只需几个类就可以开始为所有现代浏览器创建内部设计。总览列使用Griddle,您仅需几个类就可以创建标准的复杂网格布局。 .is-每个类都以.is-或.has-作为前缀。 这样做有两个...

    模块化的 CSS 框架

    Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面。YAML 提供一系列完整的匹配构建模块来创建复杂的网页界面。网格,导航,表格,字体排版模块和所有附件都能进行无缝的协同合作。所有的布局...

    EqualizeCSS基于flexboxes带网格的css框架

    EqualizeCSS基于flexboxes带网格的css框架

    plasma.css:一个基于Flexbox的健壮但极简CSS网格框架

    等离子一个基于Flexbox的健壮但极简CSS网格框架。 移动优先12列网格基于Flexbox 兼容Bootstrap 3(待定)安装Plasma.css可以作为软件包通过安装npm install plasma.css特征使用flexbox的网格布局特征支持的发行状态...

    css框架Blueprint CSS

    Blueprint是一个CSS框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。

    网格框架Crow.zip

    Crow 是一个用于网页上的网格框架,而不仅仅是网格。 标签:Crow CSS框架

    Iota一个针对网格规范的响应式微框架基于CSScustomproperties实现

    Iota 一个针对网格规范的响应式微框架,基于CSS custom properties实现

    rcssgrid:CSS网格框架

    rcssgridCSS网格框架用法: 要使用RCSSGrid,首先需要添加“ grid”类的包装器或父元素,以及指定希望网格具有多少列的类。 可用选项包括grid8 , grid12 , grid14或grid16 。 列和行之间的默认间隙为0。要调整列和...

    BlueTrip一个全功能的网格和漂亮的CSS框架

    开源的CSS样式框架。BlueTrip 提供了一系列有用的样式,让你省去了设计网站时候的那些繁琐的工作,而只需关注你设计。

    Flex-Grid-System:基于 Skeleton 的 CSS 网格框架

    Flex 是一个受 Skeleton 和 Pure grid 框架启发的 CSS 网格框架。 安装 像处理任何其他 CSS 文件一样,只需在<head>包含 Flex: <link rel="stylesheet" href="flex.css"> 然后只需使用.grid类将您的...

    stretch-css:超简单的响应式CSS网格系统框架

    拉伸CSS网格系统Stretch是一个超级简单的响应式CSS网格系统。 现在,它是一个12列的网格,可以具有您想要的任何装订线大小。 可以推和拉各列,以使操作内容真正容易,并且可以自定义断点。 类的命名是可读且易于理解...

    blueprint-css框架

    国外很好用的CSS框架.Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。自我感觉好用。故推荐于此

    css框架(CSS Frameworks):CSS框架应用

    css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。 什么是css框架 实际上还是让我们从框架说起吧。框架就是一个你可以用于你的网站项目的基本的概念上的结构体。...

Global site tag (gtag.js) - Google Analytics