CSS 财富大全

2013

  1. When Bootstrap Attacks
    | 当Bootstrap起头发力:
    Pamela Fox, CSSConf.US 28:48.
  2. CSS in the 4th Dimension
    | CSS是第四维:
    Lea Verou, JSConf.Asia 44:49.
  3. Automated CSS Testing
    | 自动化CSS测试:
    Jakob Mattsson, JSConf.Asia 42:07.
  4. CSSConf.EU Keynote
    | CSSConf.EU的基调:
    Nicole Sullivan, CSSConf.EU 20:57.
  5. CSS Application Architecture
    | CSS的行使架构: Nicolas Gallagher,
    SmashingConf 38:36.
  6. Realigning & Refactoring UI
    | UI的调动和重构:
    Jina Bolton, SassConf 48:08.
  7. Normalizing Designs for Better Quality CSS
    | 进步CSS品质的标准化设计:
    Harry Roberts, CSSConf.EU 43:40.
  8. Automating the Removal of Unused CSS
    | 自动清除无用的CSS:
    Addy Osmani, Velocity Europe Conference 5:57.
  9. The Humble Border-Radius
    | 低调的Border-Radius:
    Lea Verou, Future of Web Design 37:07.
  10. The Mind-blowing Power of Sass 3.3
    | Sass那影象深远的本事:
    Chris Eppstein, CSSConf.EU 38:54.
  11. Front-End Tools for the Young Developer
    | 年轻开垦者的前端工具:
    Christian Vuerings, SF HTML5 User Group 14:16.
  12. Maths-Powered Transforms for Creating 3D Shapes |
    Maths-成立3D图形的武力转换器:
    Ana-Maria Tudor, CSSConf.EU 30:27.
  13. Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G
    | Sass和面向对象CSS完美衬映: Nicole
    Sullivan, TXJS 27:50.
  14. CSS Levels Up
    | 提升CSS等级:
    Angelina Fabbro, CSSConf.EU 31:38.
  15. Architecting Scalable CSS
    | 搭建可扩充的CSS: Harry Roberts,
    Beyond Tellerand 41:57.
  16. More CSS Secrets: Another 10 Things You May Not Know about CSS
    | 更加多的CSS秘密:CSS不敢问津的别的10件事:
    Lea Verou, W3Conf 60:39.
  17. Atomic Cascading Style
    Sheets: Renato
    Iwashima, HTML5DevConf 52:33.

框架

  • 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端的栅格系统。

预管理器

更加快地编写翻译 CSS

  • GCSS – 一个用GO语言编写的CSS预管理器。
  • LESS
    – 向下包容CSS并为当前的CSS扩大额外的法力。
  • Myth – 只用写纯CSS而不用顾虑浏览器加载缓慢。
  • PCSS
    – 三个用Python语言编写的CSS预管理器。
  • PostCSS – 通过JS插件来更改CSS
  • Sass – 成熟、稳定且强力的规范CSS增添语言
  • Stylus
    – 用于nodejs的直观、强健、极具特色的CSS语言
  • YACP – 另一种CSS预管理器

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

2012

  1. Open Source Tools and Libraries for Designers
    | 设计员的开源工具以及财富库:
    Julie Ann Horvath, HTML5DevConf 29:39.
  2. GitHub’s CSS Performance | 
    GitHub的CSS表现: Jon Rohan, CSS Dev
    Conf 40:50.

Twitter

值得关切的活泼顾客

  • CSS Animation
  • Andrey Sitnik – @Autoprefixer,
    和 @PostCSS 的作者
  • Evangelina Ferreira
    – web设计师,@multimedial_utn 的批注,HTML5 &
    CSS狂欢爱好者,业余翻译者。
  • Sara Soueidan – @Codrops CSS
    Reference的作者,Smashing Book #5的合著者。
  • Hugo Giraudel – @edenspiekermann
    的 CSS 怪才以及 Sass 红客
  • Guy Routledge
    – 前端开采者、@GA_London 的教师,
    的摄像作者,吊丝,吃货。
  • Heydon Pickering
    – 爱吃珍珠米,同临时间也是三个UX设计师,小编,@smashingmag
    编辑以及程序猿。
  • Adam Morse – 开源的观众和帮忙者
  • Donovan Hutchinson
    – 设计师、开发者、作家。偶尔在
  • CSS Commits – 近期没空 CSSWG
    的国有 Mercurial 库
  • Scott Jehl – responsiblerwd
    的小编,现在 abookapart上 面在优惠
  • Dudley Storey
    – Web开拓者、作者、老师以及演讲者。
  • Zoe M. Gillenwater
    – Web设计员、开垦者,专心于CSS、RubiconWD、UX以及无障碍开荒。
  • Ben Briggs
    – 首要钻探node.js、javascript、开源模块、顾客端优化、web质量相关。
  • Paul Lewis
    – 将代码与统一准备联系起来的Google职员和工人。
  • Thierry Koblentz – Yahoo 的
    CSS 开发者
  • Nicolas Gallagher
    – 照片墙的软件程序猿
  • Harry Roberts– @google, @Etsy,
    @kickstarter, @BBC, @Deloitte, @FT等的前端设计顾问
  • Phil Walton
    -Google工程师、开源拥护者、开拓者、设计员、写手。
  • Lea Verou – MIT_CSAIL, @CSSWG IE,
    @OReillyMedia小编的研商助理,前W3C员工
  • Manoela Ilic
    – CSS和HTML是自己的画笔,作者对认识科学、AI、HCI、UI设计以及天体物管理学很感兴趣,数码控。
  • Una Kravets
    – BMDesign以及Sassvocate的前端工程师,团队建设者以及手工艺者。座右铭:全数东西都应该开源!
  • Chris Coyier
    – CodePen的设计员,Real_CSS_Tricks作者
  • Nicole Sullivan – 极客!
  • Eric Bidelman
    – 谷歌(Google)的技术员,参预项目有Chrome、web组件、Polymer
  • Patrick Hamann –
    热爱登山、味美思酒以及美味。
  • Dave McFarland
    – Web开发者,《CSS: The Missing Manual》和《JavaScript & jQuery:
     The Missing Manual》的作者,
  • L. David Baron
    – Mozilla开发者,CSS以及W3C标准的「外交官」。
  • Daniel
    Glazman – W3C的CSS专门的职业团队联手主席,集团家,软件程序猿,极客,三个子女的阿爹,通晓多国语言,喜欢鸭子。
  • The Chris Eppstein
    – 爱恨明显,家庭幸福,写代码,主导 LinkedIn 的体制。
  • Natalie Weizenbaum – 女技师,SassCSS
    的主设计员和开拓者,在谷歌做 Dart 语言相关专业。
  • Brad Frost –
    Web设计师、演讲者、写手、顾问、音乐家。
  • Maxime Thirouin
    – 前端程序员,自由专门的学业者,UI/UX开拓者。
  • Mark Otto
    – 在GitHub和Bootstrap专门的学业,曾就职于Facebook,一流书呆子。
  • Simon – UI设计师,CSS开发者
  • Connor Sears – GitHub设计师
  • Remy Sharp – 他的推都以关于CSS尺寸单元的
  • Jonathan Snook
    – 设计员、开采者、写手、解说者。小编在英特网做些东西,小编写的SMACSS。

其余能源

工具集

  • Basscss
    – 叁当中坚要素样式与不足修改工具轻量级会集
  • Bourbon – 用于Sass的粗略且轻量的混合库
  • Corpus – 另一个CSS工具集
  • Susy – 用于Sass的响应式工具集。

代码风格指点

  • 编纂符合语言习于旧贯的 CSS
    by Nicolas Gallagher.
  • CSS 指南 by Harry
    Roberts.
  • Sass 指南 by Hugo
    GiraudelCSS 财富大全。.
  • 马克 奥托 编写的风格指南,受「GitHub 风格」和「编写符合语言习贯的
    CSS」所激发 by Mark
    OttoCSS 财富大全。.
  • ThinkUp 的 CSS
    风格指引,作者ThinkUp
  • 谷歌(Google) 的 HTML/CSS
    风格指点
  • WordPress 的 CSS
    代码规范

2015

  1. mdo-ular CSS:
    Mark Otto, jQuery UK 30:06.
  2. CSS Architecture with
    SMACSS: Caleb
    Meredith, DevTips channel 30:15. 用SMACSS搭建CSS结构
  3. CSS Workflow from the Ground
    Up: Jonathan Snook,
    Generate conf 2015 46:06. 从头最早学习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.

2014

  1. What Is a CSS Framework Anyway?
    | 终究怎样是CSS框架?: Harry Roberts,
    Industry Conf 48:48.
  2. CSS Is a Mess | 非常不好的CSS:
    Jonathan Snook, Beyond Tellerand 53:49.
  3. 10 Commandments for Efficient CSS Architecture
    | 高效CSS结构十诫:
    Kushagra Gour, CSSConf.Asia 35:55.
  4. Slaying the Dragon: How to Refactor CSS for Maintainability
    | 杀掉巨龙:从可维护性方面思索如何重构CSS:
    Alicia Liu, Front-Trends 33:21.
  5. CSS in Your Pocket – Mobile CSS Tips from the Trenches
    | 口袋中的CSS-移动端CSS开拓宗旨:
    Angelina Fabbro, CSSConf.US 34:19.
  6. Styling and Animating Scalable Vector Graphics with CSS
    | 用CSS制作可扩充的矢量图动画:
    Sara Soueidan, CSSConf.EU 29:16.
  7. Play Nice With CSS Tools and Methodologies
    | 学会使用CSS工具和方法:
    Brad Westfall, HTML5DevConf 42:47.
  8. CSS and the Critical Path
    | CSS以及关键路线:
    Patrick Hamann, CSSConf.EU 33:42.
  9. All the Right Moves: How to Put Your UI in Motion
    | 走好每一步:怎么着令你的UI动起来CSS 财富大全。:
    Val Head, Multi-Mania 45:49.
  10. Present and Future of CSS Layout
    | CSS布局的迈入: Tab Atkins, CSS Day
    49:31.
  11. Thinking Beyond “Scalable CSS”
    | 关于可扩展CSS的思辨:
    Nicolas Gallagher, dotCSS 28:46.
  12. Web Components & the Future of CSS
    | WEB组件以及CSS的后天:
    Philip Walton, SFHTML5 40:02.
  13. CSS Performance Tooling
    | CSS质量工具:
    Addy Osmani, CSSConf.EU 46:27.
  14. 3.14 Things I Didn’t Know About CSS3 |
    关于CSS,作者所不明了的14件事: Mathias
    Bynens, CSS Day 45:35.
  15. Effortless Style | 轻巧的体裁: Heydon
    Pickering, CSS Day 49:51.
  16. CSS: Yawn to Yay! | CSS:从无聊起优质
    Kyle Simpson, Front-Trends 39:04.

取名习贯和办法

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

CSS 财富大全

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

本文由 伯乐在线 –
iLeo
翻译,艾凌风
校稿。未经许可,禁止转发!
塞尔维亚共和国语出处:github.com。迎接参加翻译组。

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

【极度提醒】:伯乐在线已在 GitHub 上发起 CSS
财富大全中文版的整理,链接:。应接扩散和涉企。

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

视频

二个很有用的必须要看录制清单,那么些清单是从 908a28 的 AllThingsSmitty/must-watch-css 复制过来的,小编早已在推特(Twitter)上跟她说了,特别多谢!

CSS标准化

  • Normalize
    – 一套提供较好的多浏览器暗中认可样式一致性的CSS标准
  • Normalize-OpenType
    – 为Normalize.css增多了OpenType本性,如连字、字间距等等。
  • Reset
    – 一套CSS规范,将全方位的HTML成分调节到同样的基准线
  • sanitize.css
    – 一套可立时选用的,符合现行反革命最优执行的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.

播客

编制程序时能够听的某些剧情。

  • Shop Talk Show – Chris Coyier 和 戴夫Rupert 的在线播客,涉及前端、UX的统一策画及支出

  • Style Guide Podcast – 由
    Anna Debenham 和 Brad Frost 主持的一些访谈。
  • The Big Web Show – 富含了大约全部 Web
    相关的话题,比如网络出版、艺术教导、内容战术、版面设计、Web手艺等等。
  • The Web Ahead – 与大地的专家商量 Web
    手艺的变通和升高。
  • Non Breaking Space Show –
    开掘出那多少个在数字艺术、设计以及支出领域最佳的、最显赫的还要最明白的创客们。
  • The Changelog –
    那么些播客的口号是:“开源发展迅猛,快跟上”,致力于让你跟上风行的开源技能。

2010

  1. Handcrafted CSS | 手写CSS: Dan
    Cederholm, Build Conference 44:29.
  2. The Top 5 Mistakes of Massive CSS
    | 大面积CSS中最轻松出现的5个错误:
    Nicole Sullivan, Build Conference 37:53.

【特别提醒】:伯乐在线已在 GitHub 上发起 CSS
财富大全粤语版的横盘,链接:。招待扩散和出席。

3 赞 21 收藏 1
评论

有关小编:iLeo

图片 1

性别:男,单身前端菜鸟一枚,近来在埃德蒙顿工作,首要做活动端的web开采。喜欢的一句话:恒久都要保持一个初学者的心思。新浪:@文_车_Leo_sCript

个人主页 ·
笔者的文章 ·
12

图片 2

CSS结构

  • RSCSS – CSS样式结构的客体标准
  • ITCSS
    – 用于大型UI项指标安定团结、可增添、可决定的CSS架构

参考

  • 可扩张CSS阅读清单

发表评论

电子邮件地址不会被公开。 必填项已用*标注