快捷搜索:
来自 新京葡娱乐场网址 2019-07-07 19:52 的文章
当前位置: 67677新澳门手机版 > 新京葡娱乐场网址 > 正文

资源大全,10分钟学会Twitter最牛的前端框架

CSS 能源大全

2015/12/25 · CSS · 1 评论 · CSS

本文由 伯乐在线 - iLeo 翻译,艾凌风 校稿。未经许可,禁止转发!
保加利亚共和国(Народна република България)语出处:github.com。款待到场翻译组。

sotayamashita 发起维护的 CSS 能源大全,富含:预管理器、框架、CSS结构、代码风格指南、命名习贯、播客、解说录制、大网址的 CSS 开荒经历等等。

【特别提醒】:伯乐在线已在 GitHub 上提倡 CSS 能源大全普通话版的整治,链接:。应接扩散和插足。

  • 目录
    • 预管理器
    • 框架
    • CSS结构
    • CSS规范化
    • 特大型网址的CSS开辟
    • 代码风格指南
    • 体制指南
    • 取名习贯和办法
    • 参考
  • 在线能源
    • 播客
    • Twitter
    • 视频

Bootstrap,来自推特,是日前备受应接的前端框架。Bootstrap 是基于 HTML、CSS、JAVASC兰德奥迪Q5IPT 的,它简洁利落,使得 Web 开辟特别高效。

预处理器

更加快地编写翻译 CSS

  • GCSS – 三个用GO语言编写的CSS预管理器。
  • LESS – 向下包容CSS并为当前的CSS扩展额外的效应。
  • Myth – 只用写纯CSS而不用忧虑浏览器加载缓慢。
  • PCSS – 贰个用Python语言编写的CSS预管理器。
  • PostCSS – 通过JS插件来转换CSS
  • Sass – 成熟、稳固且强力的专门的学问CSS扩张语言
  • Stylus – 用于nodejs的直观、强健、极具特色的CSS语言
  • YACP – 另一种CSS预处理器

这里有一个 CSS 预管理器汇总。

它由Facebook的设计员马克 奥托和JacobThornton同盟开辟,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS标准,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受招待,一向是GitHub上的抢手开源项目,包含NASA的MSNBC(微软全国广播集团)的Breaking News都接纳了该类型。

框架

  • 960 Grid System – 简化了web开辟专门的学业流程
  • Blueprint – 那几个CSS框架为你提供易用的栅格系统、符合直觉的排版功用、有用的插件以及可打字与印刷的体裁
  • Bootstrap – 最盛行的HTML、CSS、JS框架
  • inuit.css – 强力的、可扩充的、基于Sass的、选择BEM命名的面向对象CSS框架
  • Foundation – 三个高端响应式前端框架
  • Material Design Lite – 很好的用于制作Material Design风格网址的框架
  • Materialize – 基于Material Design的当代响应式前端框架。
  • Pure.css – 一套可用以全数web项目标Mini响应式CSS模块
  • Semantic UI – 使用人性化html的强力框架。
  • Skeleton – 三个超轻松的响应式模板。
  • UIkit – 适用于手提式有线电电话机、平板以及Computer端的栅格系统。

国内有的平移开拓者较为精晓的框架,如WeX5前端开源框架等,也是依赖Bootstrap源码进行性能优化而来。

工具集

  • Basscss – 二个着力要素样式与不可修改工具轻量级集结
  • Bourbon – 用于Sass的归纳且轻量的混合库
  • Corpus – 另一个CSS工具集
  • Susy – 用于Sass的响应式工具集。

课程目的

CSS结构

  • RSCSS – CSS样式结构的客观规范
  • ITCSS – 用于大型UI项指标高兴、可扩充、可决定的CSS架构

支配前端框架Bootstrap的运用

CSS标准化

  • Normalize – 一套提供较好的多浏览器暗许样式一致性的CSS标准
  • Normalize-OpenType – 为诺玛lize.css增多了OpenType性情,如连字、字间距等等。
  • Reset – 一套CSS规范,将总体的HTML成分调治到平等的基准线
  • sanitize.css – 一套可即时使用的,符合于今最优奉行的CSS标准。

符合人群

特大型网站的CSS开垦

  • Github 的 CSS方案 by Mark Otto.
  • CodePen 的 CSS 方案 by Chris Coyier.
  • Lonely Planet 的 CSS 方案 by Ian Feather.
  • Groupon 的 CSS方案 by Mike Aparicio新京葡娱乐场网址 ,.
  • Buffer 的 CSS 方案 by Brian Lovin.
  • HOOTSUITE 的 CSS 方案 by Steve Mynett.
  • 咱俩是什么精简 Trello 的 CSS 架构的 by Bobby Grace.
  • Bugsnag 的 CSS 架构 by Max Luster.
  • Ghost 的 CSS 方案 by Paul Davis.
  • Medium 的 CSS 方案 by Jacob Thornton.

后边二个开拓者

代码风格指引

  • 编纂符合语言习贯的 CSS by Nicolas Gallagher.
  • CSS 指南 by Harry Roberts.
  • Sass 指南 by Hugo Giraudel.
  • 马克 奥托 编写的作风指南,受「GitHub 风格」和「编写符合语言习于旧贯的 CSS」所鼓舞 by Mark Otto.
  • ThinkUp 的 CSS 风格指点,作者ThinkUp
  • 谷歌 的 HTML/CSS 风格辅导
  • WordPress 的 CSS 代码规范

初稿链接

风格引导

  • Atlassian 官方 UI 文档;
  • 安顿成分 by lonely planet.
  • GitHub 的 CSS 风格指引
  • Patterns by MailChimp 的作风指南.
  • Lighting Design System by Salesforce 的品格指南.
  • SASS 风格指南 by Sass team.
  • 星Buck的风骨指南 by Starbucks.
  • 有关网址风格指点的有些能源 by Awesome people.

命名习贯和措施

  • Atomic OOBEMITSCSS
  • BEM
  • SMACSS
  • Point North
  • ITCSS
  • OOCSS
  • Title CSS
  • idiomatic-css
  • Atomic Design
  • SUIT CSS
  • Kickoff CSS

参考

  • 可扩充CSS阅读清单

本文由67677新澳门手机版发布于新京葡娱乐场网址,转载请注明出处:资源大全,10分钟学会Twitter最牛的前端框架

关键词: