前端必备知识,财富大全

作者: 前端知识  发布:2019-07-18

CSS 能源大全

2015/12/25 · CSS金沙澳门官网网址 , · 1 评论 · CSS

本文由 伯乐在线 - iLeo 翻译,艾凌风 校稿。未经许可,禁止转发!
阿尔巴尼亚语出处:github.com。接待加入翻译组。

sotayamashita 发起维护的 CSS 财富大全,包涵:预管理器、框架、CSS结构、代码风格指南、命名习贯、播客、阐述录制、大网址的 CSS 开拓经历等等。

【特别提醒】:伯乐在线已在 GitHub 上提倡 CSS 能源大全中文版的横盘,链接:。招待扩散和参加。

  • 目录
    • 预管理器
    • 框架
    • CSS结构
    • CSS规范化
    • 大型网站的CSS开采
    • 代码风格指南
    • 体制指南
    • 取名习贯和格局
    • 参考
  • 在线财富
    • 播客
    • Twitter
    • 视频

Bootstrap,来自推特(Twitter),是眼前非常受接待的前端框架。Bootstrap 是基于 HTML、CSS、JAVASC福特ExplorerIPT 的,它简洁利落,使得 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 – 为Normalize.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.
  • Mark 奥托 编写的风格指南,受「GitHub 风格」和「编写符合语言习贯的 CSS」所激起 by Mark Otto.
  • ThinkUp 的 CSS 风格辅导,作者ThinkUp
  • Google 的 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阅读清单

本文由金沙澳门官网发布于前端知识,转载请注明出处:前端必备知识,财富大全

关键词: 金沙澳门官网