精华内容
下载资源
问答
  • aqua.css是一个轻量级的 CSS框架。有 3 大特征:易用、易定制、有趣。 aqua.css特点: 易用 诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来。 易定制 阅读本项目源码你会发现许多 ...
  • aqua.css是一个轻量级的 CSS框架。有 3 大特征:易用、易定制、有趣。aqua.css特点:易用诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来。易定制阅读本项目源码你会发现许多 CSS ...
  • aqua.css是一个轻量级的 CSS框架。有 3 大特征:易用、易定制、有趣。 aqua.css特点: 易用 诸如 React、Vue 之类框架一概不需掌握,参照组件 demo 复制粘贴就能跑出效果来。 易定制 阅读本项目源码你会发现许多 ...
  • 哦,我CSS Oh-My-CSS是专为极简主义者设计的纯CSS框架。 我正在为此而努力,但进展缓慢。 首先阅读 该项目用于我的手写笔和翡翠学习。 文献资料 执照
  • 幸运的是,有小而快的CSS框架供你选择。使用一个小的CSS框架一般意味着更平缓的学习曲线,不依赖JavaScript功能,和更快的加载时间。我制作了一个优秀的小型/最小化的CSS框架让你是探索。它们大部分小于 5 KB(最小化...

    By Jacob Gube

    你或许不需要用到Bootstrap这种大型UI框架的大部分功能,尤其当你想开发简单直接的项目,并期望越快跑起来越好。幸运的是,有小而快的CSS框架供你选择。

    使用一个小的CSS框架一般意味着更平缓的学习曲线,不依赖JavaScript功能,和更快的加载时间 。

    我制作了一个优秀的小型/最小化的CSS框架让你是探索。它们大部分小于 5 KB(最小化和gzipped后)并包含用于开发响应式页面的核心工功能。

    0577-01-small-css-framework-min.png

    min,列表中最小的CSS框架,包含响应式 12 列的栅格系统,按钮样式,表格样式,兼容安卓系统的图标等。min支持古老的浏览器比如 IE 5.5

    0577-02-small-css-framework-milligram.png

    Miligram为的是现代UIs - 使用了FlexBox作为栅格系统,用rem作为长度和大小的单位,并且移动优先。在这个极端上的代价是:Miligram只支持最新的Chrome,Firefox,IE,Safari和Opera。

    0577-03-small-css-framework-blazecss.png

    Blaze css在轻量化上面已经非常出众,但是你还可以更进一步的优化。由于模块化的设计是的用户可以只引入需要的模块。(参考 instructions for creating a custom Blaze CSS build 了解更多)

    0577-04-small-css-framework-kube.png

    Kube在小于6KB的CSS框架中出了一记重拳。他拥有一个响应式栅格系统,一套健壮的网页表单类,通知类用于展示重要信息,等等。

    0577-05-small-css-framework-purecss.png

    Pure,Yahoo!开发者发起的开源项目,是一套帮助开发响应式页面的CSS模块。Pure帮助你快速建立响应式设计。对所有元素有几本的样式(在Normalize.css上建立起来),以及对应于栅格布局,网页表单,按钮和表格的模块,以及 导航菜单.

    0577-06-small-css-framework-furtive.png

    自称“CSS微框架”,Furtive专门针对现代web设计。像Miligram,Furtive移动优先,有一个响应式的基于FlexBox的网格,是用rem单位作为长度的大小。并对表单,按钮,基础颜色等有涵盖。

    0577-07-small-css-framework-skeleton.png

    虽然超过一年都没有被更新, Skeleton任然是构建现代响应式设计的一流框架。包含一个直观的栅格系统和基本类型。

    0577-08-small-css-framework-foxcss.jpg

    FOX CSS是一个轻量化,模块化的CSS框架。使用了移动优先的设计原则,支持最早到 IE 9,以及一个non-aggressive的 CSS reset (受 KNACSS 启发).

    0577-09-small-css-framework-basscss.png

    Basscss有超过22个css模块组成,包括CSS reset,栅格系统,颜色类,工具类,帮助你构建响应式设计,更难得的是,Basscss功能出奇的丰富,毕竟它不到 4 KB。

    0577-10-small-css-framework-siimple.png

    Siimple是一个最小化的CSS框架,用于构建响应式的感觉的网站设计。于Skeleton类似:它有一个直观的12列网格系统和对布局、表格、按钮和表单等的基本样式。

    0577-11-small-css-framework-lotus.png

    LotUs是最小的css框架之一。它覆盖的重点有:响应式网格系统,排版,按钮和表单。

    0577-12-small-css-framework-picnic.jpg

    Picnic CSS是一个轻量化的全段Sass框架,让你可以轻易的定制参数如颜色和长度。它还有一些让人惊叹的纯CSS组件如 Modal 弹窗和内容滑动器。

    Summary Table

    下面列表包含了上述CSS框架一些具体的参数。

    名字

    *大小

    文档

    版权

    GitHub仓库

    **热门度

    1.02 KB

    MIT

    685**

    4.05 KB

    MIT

    3,000**

    4.0 KB

    BSD

    13,373**

    2.37 KB

    MIT

    369**

    1.57 KB

    MIT

    10,884**

    2.46 KB

    Unknown

    87**

    3.49 KB

    MIT

    2,597**

    1.80 KB

    MIT

    14**

    *大小 是指 minified 和 gzipped 后的大小,这个值是从我的独立测试环境中计算出来的。

    **热门度试着github上星的个数,指的是用户关注代码变化的数量。星 个数越高越好.**

    原创文章,转载请注明:转载自http://whohelpme.com/blog/main/admin.html

    展开全文
  • 那么,我们为什么要使用CSS框架?答案很简单。CSS框架主要包括预定义的书库,他们帮助你加快发展过程明显。无论你是开发Web应用程序,网站,甚至在CMS一样,WordPress的,这些框架会让你的生活更轻松。越来越多的...

    日子一去不复返了HTML用于造型的网页。今天,CSS规则,很难想象没有它的任何网页设计。CSS在最近非常先进,用于创建复杂的Web设计和风格。那么,我们为什么要使用CSS框架?答案很简单。CSS框架主要包括预定义的书库,他们帮助你加快发展过程明显。无论你是开发Web应用程序,网站,甚至在CMS一样,WordPress的,这些框架会让你的生活更轻松。

    越来越多的开发商正在寻找CSS框架,小和轻。这些框架不需要太多的资源,也不依赖于任何特定样式的模板或网格。较轻的框架通常更容易学习,并最终掌握。这些框架的设计提供的功能是绝对必要的。他们是非常小的,因此不影响页面加载时间。如果你正在寻找最好的轻量级的CSS框架,我们编写了这10人名单。他们一定会让你的生活更轻松。

    1.Milligram

    毫克提供最小的设置样式为快速干净的起点。只是它!只有用gzip压缩!这不是一个UI框架。专为更好的性能和更高的生产力,与较少的属性重置导致更清洁的代码。

    css-frameworks1.jpg

    2.Layer.CSS

    一个轻量级的,不显眼的风格无关,CSS框架针对实际使用情况。带有一个小的足迹和零的废话。

    css-frameworks2.jpg

    3.Scooter

    一个标准的建立提供基础框架样式,CSS组件,和Dropbox快速静态原型。

    css-frameworks3.jpg

    4.Concise

    简洁是一个轻量级的前端框架,提供了许多伟大的功能没有膨胀。简洁是基于面向对象的CSS原则建立和保持语义的思想提供一个小的学习曲线,和高层次的定制。

    css-frameworks4.jpg

    5.Base

    轻量级和最小代码。花更少的时间压倒一切的风格和更多的时间专注于创造美丽的网站应用。

    css-frameworks5.jpg

    6.Penguin

    企鹅是一个轻量级的、可扩展的前端框架建立SASS启动任何项目。

    css-frameworks6.jpg

    7.Caramel

    简单、现代、敏感的网站框架。该代码是完全响应,这意味着你只需要写一次代码,在多个平台上有相同的结果。

    css-frameworks7.jpg

    8.Responsive

    超轻量级的HTML,CSS,Sass,建设响应式网站的JavaScript框架。

    css-frameworks8.jpg

    9.Workless

    Workless是一个CSS框架得到您的项目和尽可能快地跑。

    css-frameworks9.jpg

    10.Kouto swiss

    Kouto swiss触控笔完成的CSS框架,灵感来自伟大的工具如笔尖,指南针,波旁。

    css-frameworks10.jpg

    11.Dead Simple Grid

    Dead Simple Grid是一个响应的CSS网格框架,只是微小。

    css-frameworks11.jpg

    展开全文
  • 下面给你推荐了27款优秀的CSS框架,你可以选用。960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。芒果曾经介绍过...

    下面给你推荐了27款优秀的CSS框架,你可以选用。

    960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。

    5a6925ca9dbae580c7d611d40c90c5d8.png

    芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一,YUI Grids CSS 提供了四种预设页面宽度,六种预设模板。其中的负 Margin 技术,使用度量单位 em,清除布局浮动等技术非常值得学习和借鉴。

    Blueprint 是一款成熟的 CSS 框架,它将布局 (layout)、排版 (typography)、组件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在网页设计时就减少了引入的代码,提高了页面加载效率。

    BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960.gs的简洁;Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。

    Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局。

    市面上流行的JQUERY组件功能都被纳入其框架中,你只要直接使用这个框架,不用学习复杂的AJAX JQuery语法,非常方便。

    EZ-CSS是一个轻量级,浏览器友好,易于使用的CSS框架。用于创建CSS+Div的页面复杂布局(layouts)。

    Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

    CleverCSS 是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。

    它为你CSS重复的部分提供了合理的样式,这样你就能更加关注于自己网站的样式。SenCSs不像其他CSS框架那样,它不包含各种杂乱的布局样式或是预定义的栅格系统,那SenCSs能刚什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能办到的。

    Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

    Typogridphy是一个适合网格布局的CSS框架,用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。它可以让你快速创建出各种各样的网格布局,并且非常轻松和简单。这个框架的CSS充分符合语义验度,严格的Xhtml等标准 。

    9408161a898276b0095db2d8d2057176.png

    它是一个以less.js为基础的CSS框架,它充分利用它的混入,变量和筑巢等高级功能。

    展开全文
  • 由eBay为品牌电子商务市场设计和开发的纯CSS框架。 请访问获取所有最终用户文档。 执照 Skin已获得许可。 安装 皮肤可以作为上的@ebay/skin包使用。 皮肤也可以在我们的。 版本控制 皮肤遵循: 当我们进行不兼容的...
  • Tentomon.css 建造 生成样式指南 grunt guide 更新版本 grunt v 测试 查看。 麻省理工学院执照 版权所有 (c) 2014 elastic.css 特此授予获得本软件副本和相关文档文件(“软件”)副本的任何人免费许可,不受限制...
  • 1、现在可以跟Bootstrap一拼的Foundation:Foundation | The Most Advanced Responsive Front-end Framework from ZURB...3、Gumby:Gumby - A Flexible, Responsive CSS Framework 4、Material Design效果的Materiali...

    1、现在可以跟Bootstrap一拼的Foundation:Foundation | The Most Advanced Responsive Front-end Framework from ZURB

    2、轻量级的Pure:Pure

    3、Gumby:Gumby - A Flexible, Responsive CSS Framework

    4、Material Design效果的Materialize:Documentation

    5、Metro风格的MetroUI:Metro UI CSS : Simple responsive css framework

    6、Skeleton:Skeleton: Responsive CSS Boilerplate

    7、最近更新量多的Semantic UI:Semantic UI8、Material Design效果的MUICSS

    展开全文
  • 网格布局 该项目是一个完整的 Visual Studio 2013 解决方案,演示了如何将与结合起来。 它带有一个 SQL CE 数据库,所以它应该在下载后运行。 包括什么 包含以下内容: 2 网格数据类型 2 网格局部视图 Visual...
  • Pure也是一款很出色的CSS框架,之前分享的Bootstrap是由Twitter出品的,而Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右...
  • Sass的纯CSS purecss-sass是适用于您的应用程序的Sass支持的版本,允许同时包含Pure的所有组件或单独加载它们。 原始的纯CSS文件是使用sass-convert ,否则将保持不变并保持不变。 npm和纱线 要安装purecss-sass ...
  • Punica CSS是基于SASS / SCSS且具有多主题支持的干净,轻巧,响应Swift,现代且完全可自定义(甚至是类名)的纯CSS Framework。 | 从CDN安装 如果要快速将Punica添加到项目中,可以使用JsDelivr CDN。 < link ...
  • Organic 是用于 CSS 框架(如 Bootstrap 等)的 css 标签组件。 Organic 不想成为一个框架,但他们的使命是为开发人员提供更好的用户界面。 所有功劳都保留给为此框架做出贡献的开发人员。 安装: To build ...
  • Nico UI 一个 CSS UI 框架,这是一个教程的输出,教你写一个自己的 CSS 框架
  • no.css还在纯CSS中定义了一些子菜单,手风琴和模式逻辑,不需要任何JS。 该库确实为以下目的定义了一些可选类: Grid classes: columns, col, c25, c33, c50, c66, c75 Colors classes: black, white, default,...
  • CSS框架

    千次阅读 2014-03-19 09:24:12
    css框架 百度百科 css框架 介绍 推荐CSS框架 下面是一些不错的CSS框架,推荐。   Elements CSS Frameworks Elements 是一个基础CSS框架,它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架...
  • 模拟阴影效果纯CSS圆角矩形,兼容IE和Firefox。
  • myPersonalWebsite:纯CSS和HTML无框架
  • CSS 框架

    2008-11-16 01:05:00
    CSS框架之一 YAML大家比较熟悉的是js框架,例如prototype、jQuery呀。其实XHTML+CSS也是有框架的,最著名的可能就是YUI了,是yahoo开发 小组的。但是那个稍微有点庞大,而且牵扯到一些的JS框架。所以刚开始研究的...
  • 什么是css框架

    2019-10-15 15:24:30
    CSS框架是事先准备好的库,是为了让使用层叠样式表语言来美化网页更容易,更符合标准。方便编写更方便维护! 使用最新的HTML5和CSS3标准 最小化标签,页面体积小 搜索引擎友好 纯CSS和HTML,没有JS 没有任何的Hack ...
  • Bulma CSS框架教程

    2019-05-22 00:51:53
    Bulma是一个轻量级的现代CSS框架,基于flex,跟bootstrap不一样纯CSS没有JS,与vuejs、reactjs这样JavaScript框架可以很好地集成。 为降低学习难度,让初学者可以快速掌握,本教程聚焦于重点内容,具体技术细节请...
  • 一个现代主义的 CSS 框架。 警告:Studio UI 仍处于早期草案阶段。 Studio UI 是一个先进的基于网格的 CSS UI 框架,既提供简约又强大的布局系统。 它严重依赖于所有现代浏览器都支持的 Flexbox。 在当前版本中...
  • [本人制作]纯css前台html框架样式公用插件-可配置网页数据区块布局内容动画等
  • CSS框架960GridSystem.zip

    2019-07-19 14:03:57
    960 Grid System 是一个纯css做成的css框架,使用它能有效的简化美工的操作。 标签:CSS框架
  • CSS框架汇总

    2010-09-25 21:43:00
    CSS框架之一 YAML <br />大家比较熟悉的是js框架,例如prototype、jQuery呀。其实XHTML+CSS也是有框架的,最著名的可能就是YUI了,是yahoo开发小组的。但是那个稍微有点庞大,而且牵扯到一些的JS框架。...
  • M3色 纯CSS颜色库-通过M3框架
  • 最佳PHP,HTML5和CSS框架大荟萃之三 CSS框架 #文章 css网格系统 前端框架 评论(0)阅读(1663) 申请达人,去除赞助商链接 本文是最佳PHP,HTML5和CSS框架...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 37,120
精华内容 14,848
关键字:

纯css框架