资源大全,10分钟学会推文(Tweet)最牛的前端框架

CSS 资源大全

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

本文由 伯乐在线 –
iLeo
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:github.com。欢迎出席翻译组。

sotayamashita 发起维护的 CSS
资源大全,包涵:预处理器、框架、CSS结构、代码风格指南、命名习惯、播客、演说视频、大网站的
CSS 开发经历等等。

【越发提醒】:伯乐在线已在 GitHub 上发起 CSS
资源大全汉语版的重整,链接:。欢迎扩散和参与。

  • 目录
    • 预处理器
    • 框架
    • CSS结构
    • CSS规范化
    • 大型网站的CSS开发
    • 代码风格指南
    • 体制指南
    • 命名习惯和办法
    • 参考
  • 在线资源
    • 播客
    • Twitter
    • 视频

Bootstrap,来自推特,是时下很受欢迎的前端框架。Bootstrap 是根据HTML、CSS、JAVASCRIPT 的,它简洁利落,使得 Web 开发更加急忙。

正文先发于和讯专栏「极光晚报」

对此 Web 工程师来说做好和最不好的事都是 Web
技术的方兴未艾。那也表示作为一个 Web
开发者来说肯定要不断的上学,适应变化。

预处理器

更快地编译 CSS

  • GCSS – 一个用GO语言编写的CSS预处理器。
  • LESS
    – 向下包容CSS并为当前的CSS增添额外的作用。
  • Myth – 只用写纯CSS而不用担心浏览器加载缓慢。
  • PCSS
    – 一个用Python语言编写的CSS预处理器。
  • PostCSS – 通过JS插件来转换CSS
  • Sass – 成熟、稳定且强力的科班CSS增添语言
  • Stylus
    – 用于nodejs的直观、强健、极具特色的CSS语言
  • YACP – 另一种CSS预处理器

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

它由推特的设计师马克 Otto和JacobThornton合营开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,向来是GitHub上的紧俏开源项目,包含NASA的MSNBC(微软全国广播集团)的Breaking
News都施用了该项目。

对于 Web 工程师来说做好和最倒霉的事都是 Web
技术的多如牛毛。这也意味着作为一个 Web
开发者来说肯定要时时刻刻的学习,适应变化。
所以,小编列举出了上下一心费用和学习进程中相遇的好工具和资源,在那里分享给我们:

据此,小编列举出了投机付出和学习过程中相遇的好工具和资源,在那边享用给我们:

框架

  • 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项目标小型响应式CSS模块
  • Semantic UI – 使用人性化html的强力框架。
  • Skeleton – 一个超不难的响应式模板。
  • UIkit –
    适用于手机、平板以及统计机端的栅格系统。

境内有的平移开发者较为驾驭的框架,如WeX5前端开源框架等,也是根据Bootstrap源码举办质量优化而来。

JavaScript Libraries

  • jQuery:最知名的
    JavaScript 库。
  • BackBoneJS:为复杂性
    WEB 应用程序提供 MVP 结构。
  • D3.js:最盛行的
    Javascript 可视化图形库之一。
  • React:Facebook
    开源的 JavaScript 库。
  • jQuery
    UI:以
    jQuery 为底蕴的开源 JavaScript 网页用户界面代码库。
  • jQuery
    Mobile:jQuery
    框架的一个零部件,提供完整统一的运动 UI 框架。
  • Underscore.js:提供了一整套函数式编程的实用成效,不过并未扩大任何
    JavaScript 内置对象。
  • Moment.js:一个JavaScript
    日期处理类库,用于解析、检验、操作、以及显示日期。
  • Lodash:一个颇具同样接口、模块化、高质量等特点的
    JavaScript 工具库。

JavaScript Libraries

  • jQuery:最显赫的
    JavaScript 库。
  • BackBoneJS:为复杂性
    WEB 应用程序提供 MVP 结构。
  • D3.js:最盛行的
    Javascript 可视化图形库之一。
  • React:Facebook
    开源的 JavaScript 库。
  • jQuery UI:以
    jQuery 为底蕴的开源 JavaScript 网页用户界面代码库。
  • jQuery
    Mobile:jQuery
    框架的一个组件,提供全体统一的位移 UI 框架。
  • Underscore.js:提供了一整套函数式编程的实用成效,然则从未扩张任何
    JavaScript 内置对象。
  • Moment.js:一个JavaScript
    日期处理类库,用于解析、检验、操作、以及显示日期。
  • Lodash:一个富有同等接口、模块化、高质量等风味的
    JavaScript 工具库。

工具集

  • Basscss
    – 一个为主元素样式与不可修改工具轻量级集合
  • Bourbon – 用于Sass的简便且轻量的混合库
  • Corpus – 另一个CSS工具集
  • Susy – 用于Sass的响应式工具集。

课程目标

前者框架

  • Bootstrap:闻名的全速支付响应式
    Web 应用程序的前端工具包。
  • Foundation:一个易用、强大而且灵活的前端框架,用于打造基于其余设施上的
    Web 应用。
  • Semantic
    UI:全语义化的前端界面开发框架。
  • uikit:一款轻量级开源的前端框架。

前端框架

  • Bootstrap:出名的快速支付响应式
    Web 应用程序的前端工具包。
  • Foundation:一个易用、强大而且灵活的前端框架,用于营造基于其余设施上的
    Web 应用。
  • Semantic
    UI:全语义化的前端界面开发框架。
  • uikit:一款轻量级开源的前端框架。

CSS结构

  • RSCSS – CSS样式结构的合理标准
  • ITCSS
    – 用于大型UI项目标平稳、可伸张、可决定的CSS架构

控制前端框架Bootstrap的采用

数据库

  • MySQL:最盛行的关系型数据库管理连串。
  • MariaDB:由
    MySQL 早期员工付出,属于 – MySQL 的一个分支。
  • MongoDB:基于分布式文件存储的数据库。
  • Redis:一个开源、协理互联网、基于内存、键值对存储数据库。
  • PostgreSQL:开源的靶子 –
    关系型数据库管理序列,Uber 早期就是用得这些。

Task Runners / Package Managers

  • Grunt:JavaScript
    世界的营造工具。
  • Gulp:基于流的自动化营造工具。
  • Bower:Web
    包管理器,包含 HTML,CSS,JavaScript,字体、甚至图片资源。
  • NPM:Node
    包管理器。

数据库

  • MySQL:最盛行的关系型数据库管理种类。
  • MariaDB:由 MySQL
    早期员工费用,属于 MySQL 的一个分段。
  • MongoDB:基于分布式文件存储的数据库。
  • Redis:一个开源、辅助互联网、基于内存、键值对存储数据库。
  • PostgreSQL:开源的靶子 –
    关系型数据库管理种类,Uber 早期就是用得这些。

CSS标准化

  • Normalize
    – 一套提供较好的多浏览器默许样式一致性的CSS规范
  • Normalize-OpenType
    – 为诺玛lize.css添加了OpenType特性,如连字、字间距等等。
  • Reset
    – 一套CSS标准,将一切的HTML元素调整到同样的基准线
  • sanitize.css
    – 一套可立刻选拔的,符合现行最优实践的CSS规范。

适合人群

CSS 预处理器

  • Sass:一个精锐、成熟、稳定的
    CSS 扩张。
  • Less:作为一个
    CSS 的恢宏,其包容性非凡好,学习开支很低。
  • Stylus:提供更管用、优雅的法门来生成
    CSS。

Task Runners / Package Managers

  • Grunt:JavaScript
    世界的创设工具。
  • Gulp:基于流的自动化打造工具。
  • Bower:Web
    包管理器,包蕴 HTML,CSS,JavaScript,字体、甚至图片资源。
  • NPM:Node
    包管理器。

大型网站的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 方案资源大全,10分钟学会推文(Tweet)最牛的前端框架。 by Paul
    Davis.
  • Medium 的 CSS
    方案
    by Jacob Thornton.

前者开发者

Markdown 编辑器

  • StackEdit:一个开放源码免费应用的
    马克Down 编辑器, 基于 PageDown。
  • Dillinger:也是在线编辑器,提供云存储,并帮衬HTML5,PDF 等多种导出格式。
  • Mou:Mac
    OS X 上一款不错的 马克down 编辑器。
  • Texts:同时协理Windows 和 Mac OS X。

CSS 预处理器

  • Sass:一个精锐、成熟、稳定的
    CSS 伸张。
  • Less:作为一个 CSS
    的扩充,其包容性极度好,学费很低。
  • Stylus:提供更使得、优雅的艺术来生成
    CSS。

代码风格指引

  • 编排符合语言习惯的 CSS
    by Nicolas Gallagher.
  • CSS 指南 by Harry
    Roberts.
  • Sass 指南 by Hugo
    Giraudel.
  • 马克 Otto 编写的风骨指南,受「GitHub 风格」和「编写符合语言习惯的
    CSS」所激发 by Mark
    Otto.
  • ThinkUp 的 CSS
    风格指点亚洲必赢官网 ,,作者ThinkUp
  • 谷歌 的 HTML/CSS
    风格指点
  • WordPress 的 CSS
    代码标准

初稿链接

Icon 资源

  • Font
    Awesome
  • IconMonster
  • IconFinder
  • Fontello

Markdown 编辑器

  • StackEdit:一个开放源码免费使用的
    马克Down 编辑器, 基于 PageDown。
  • Dillinger:也是在线编辑器,提供云存储,并协助HTML5,PDF 等四种导出格式。
  • Mou:Mac OS X
    上一款可以的 马克down 编辑器。
  • Texts:同时帮衬Windows 和 Mac OS X。

作风指导

  • 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.

Git Clients / Services

  • SourceTree:一款免费并且很酷的
    Git 客户端,支持 Windows 和 Mac。
  • GitKraken
    (Beta):一款免费、直观、美观的跨平台 Git 客户端。
  • Tower
    2:APP
    很漂亮,需付费。
  • GitHub
    Client:官方客户端。
  • Gogs:一个极易搭建的自助
    Git 服务。
  • GitLab:对私家项目也免费。

Icon 资源

  • Font Awesome
  • IconMonster
  • IconFinder
  • Fontello

取名习惯和艺术

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

当地开发条件

  • XAMPP:完全免费,简单安装的
    Apache 分布式环境。包含:玛丽亚DB,PHP,Perl。
  • MAMP:Apache +
    MySQL + PHP + Python + Perl。
  • WampServer:Windows
    下的 Web 开发环境,可以创立基于 Apache 2,PHP 和 MySQL 的 Web 应用。
  • Vagrant:安装和布局简单、轻量级。
  • Laragon:急速、简单搭建的
    Windows 本地开发环境。包蕴:MySQL,PHP,Redis,Apache。

Git Clients / Services

  • SourceTree:一款免费并且很酷的
    Git 客户端,接济 Windows 和 Mac。
  • GitKraken
    (Beta):一款免费、直观、雅观的跨平台
    Git 客户端。
  • Tower
    2:APP
    很漂亮,需付费。
  • GitHub
    Client:官方客户端。
  • Gogs:一个极易搭建的自助
    Git 服务。
  • GitLab:对私家项目也免费。

参考

  • 可增添CSS阅读清单

文件比对

  • Diffchecker:文件比对的在线网站。
  • Beyond
    Compare:老牌软件,能便捷相比较文件和文书夹,功效强大。

地面开发环境

  • XAMPP:完全免费,不难安装的
    Apache 分布式环境。包罗:玛丽亚DB,PHP,Perl。
  • MAMP:Apache +
    MySQL + PHP + Python + Perl。
  • WampServer:Windows
    下的 Web 开发环境,可以创造基于 Apache 2,PHP 和 MySQL 的 Web 应用。
  • Vagrant:安装和配置简单、轻量级。
  • Laragon:快捷、容易搭建的
    Windows 本地开发环境。包蕴:MySQL,PHP,Redis,Apache。

其他资源

Code Sharing / Experimenting

  • codeshare:能和其它开发者实时共享代码。
  • JS
    Bin:可以将编辑后的代码保存到本地,或将
    URL 地址发给别的人,让其帮助调试代码。支持HTML,CSS,JavaScript,马克down,Jade 和 Sass。
  • JSfiddle:能自定义环境来测试你的
    HTML,CSS,JavaScript 代码。
  • Dabblet:Web
    playground,交互成效不错。

文本比对

  • Diffchecker:文件比对的在线网站。
  • Beyond
    Compare:老牌软件,能很快比较文件和文件夹,功效强大。

播客

编程时能够听的一对内容。

  • Shop Talk Show – Chris Coyier 和 DaveRupert 的在线播客,涉及前端、UX的安插性及支出

  • Style Guide Podcast – 由
    安娜 Debenham 和 Brad Frost 主持的局地访谈。
  • The Big Web Show – 包罗了大致拥有 Web
    相关的话题,比如互联网出版、艺术辅导、内容策略、版面设计、Web技术等等。
  • The Web Ahead – 与天下的大方研讨 Web
    技术的成形和进步。
  • Non Breaking Space Show –
    挖掘出这一个在数字艺术、设计以及支出领域最好的、最显赫的还要最领会的创客们。
  • The Changelog –
    这几个播客的口号是:“开源发展迅猛,快跟上”,致力于让你跟上风行的开源技术。

团协会合营

  • Slack:为集体创设的调换应用,大家部门就在用,强力推荐。
  • Trello:完全免费,灵活性高,可视化,和任何人一起管制任何工作。
  • Glip:辅助实时新闻、摄像、视频会议、日历分享等等作用。
  • Asana:帮助追踪、记录团队成员的干活意况。
  • Jira:那么些大家应该都用过吗,老牌团队合营应用。

Code Sharing / Experimenting

  • codeshare:能和其余开发者实时共享代码。
  • JS
    Bin:可以将编辑后的代码保存到本地,或将
    URL 地址发给其余人,让其帮助调试代码。辅助HTML,CSS,JavaScript,马克down,Jade 和 Sass。
  • JSfiddle:能自定义环境来测试你的
    HTML,CSS,JavaScript 代码。
  • Dabblet:Web
    playground,交互成效不错。

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、RWD、UX以及无障碍开发。
  • Ben Briggs
    – 主要商讨node.js、javascript、开源模块、客户端优化、web品质相关。
  • Paul Lewis
    – 将代码与布署联系起来的谷歌员工。
  • Thierry Koblentz – Yahoo 的
    CSS 开发者
  • Nicolas Gallagher
    – 推文(Tweet)的软件工程师
  • Harry Roberts– @google, @Etsy,
    @kickstarter, @BBC, @Deloitte, @FT等的前端设计顾问
  • Phil Walton
    -谷歌(谷歌)工程师、开源拥护者、开发者、设计师、写手。
  • 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
    的主设计师和开发者,在谷歌(Google)做 Dart 语言相关工作。
  • Brad Frost –
    Web设计师、演讲者、写手、顾问、音乐家。
  • Maxime Thirouin
    – 前端工程师,自由职业者,UI/UX开发者。
  • Mark Otto
    – 在GitHub和Bootstrap工作,曾就职于推文(Tweet),顶级书呆子。
  • Simon – UI设计师,CSS开发者
  • Connor Sears – GitHub设计师
  • Remy Sharp – 他的推都是有关CSS尺寸单元的
  • Jonathan Snook
    – 设计师、开发者、写手、演说者。我在网上做些东西,我写的SMACSS。

振奋灵感

  • CodePen:能在上头分享和找到可以的统筹,还会有其余开发者为你提议指出。
  • Dribble:一个设计师分享他们创作的社区。

社团合营

  • Slack:为协会打造的交换应用,我们机关就在用,强力推荐。
  • Trello:完全免费,灵活性高,可视化,和任哪个人一起管制任何工作。
  • Glip:协理实时音信、录像、视频会议、日历分享等等功用。
  • Asana:辅助追踪、记录团队成员的工作情状。
  • Jira:这几个大家应该都用过吧,老牌团队合营应用。

视频

一个很有用的非看不可视频清单,那一个清单是从 908a28 的 AllThingsSmitty/must-watch-css 复制过来的,我一度在推文(Tweet)上跟她说了,卓殊感谢!

网站品质测试

  • Website Speed
    Test:KeyCDN
    提供的免费网站调试工具。
  • Google PageSpeed
    Insights:测试之后还会提出优化意见。
  • WebPageTest:帮忙环球多地区速度测试和三种浏览器。
  • Pingdom:测试页面加载速度,为你找出品质瓶颈。
  • GTmetrix:不光能测试速度,还是可以支援分析是或不是有法例风险,并提议优化提议。

激励灵感

  • CodePen:能在上头分享和找到优异的安排性,还会有其余开发者为您提议提出。
  • Dribble:一个设计师分享他们小说的社区。

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工作流

Web 开发者社区

  • Stack
    Overflow:有超过470 万的活跃开发者在中间相互帮忙。
  • Hashnode:举世性的开发者社区,大牛很多。
  • Refind:面向创业者、开发者、设计师的
    Web 项目分享社区。
  • Google+ Web Developers
    Group:Web
    开发者的 谷歌(Google)+ 社区。
  • Facebook WordPress Front-end Developers
    Group:WordPress
    的前端工程师 Facebook 小组,商讨开发难点、技术可行性。
  • LinkedIn Web Design and Development Professionals
    Group:领英上的正统
    Web 从业者小组。
  • LinkedIn PHP Developer
    Group:领英上的
    PHP 开发者小组。
  • Sitepoint
    Forums:Web
    开发者论坛。
  • /r/perfmatters:Reddit
    上第一探究网站品质优化的 subreddit,由 KeyCDN 发起。
  • /r/webdev:Reddit
    上讨论 Web 开发的 subreddit。

网站品质测试

  • Website Speed
    Test:KeyCDN
    提供的免费网站调试工具。
  • Google PageSpeed
    Insights:测试之后还会提议优化意见。
  • WebPageTest:扶助全世界多地区速度测试和三种浏览器。
  • Pingdom:测试页面加载速度,为你找出品质瓶颈。
  • GTmetrix:不光能测试速度,还可以协助分析是还是不是有法规风险,并提出优化提议。

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动起来:
    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.

Web 开发情报

  • wdrl.info:周周推送精心选料的
    Web 开发相关小说。
  • web tools
    weekly:紧要推送
    Web 开发工具。
  • webopsweekly.com:周周推送关于
    Web 运营、陈设等地点的稿子。
  • /dev
    tips:每一周分享开发小技巧。
  • friday
    front-end:每日在
    twiiter 发开发有关信息,可订阅然后每一周发汇总邮件。
  • front-end dev
    weekly:手工挑选的
    Web 开发、工具和创意资讯,周周推送。
  • smashingmagazine.com:面向
    Web
    设计师和开发者的一款在线杂志,内容质量很高,每个月的第三个礼拜天公布。

小编在原文中还分享了部分编辑器和支付语言,个人感觉都相比普遍,故没有在那边列举出来,感兴趣的可以去原文查看。:
)
原文地址:100+ Useful Web Development Tools and
Resources.

Web 开发者社区

  • Stack
    Overflow:有跨越
    470 万的活跃开发者在里头相互接济。
  • Hashnode:满世界性的开发者社区,大牛很多。
  • Refind:面向创业者、开发者、设计师的
    Web 项目分享社区。
  • Google+ Web Developers
    Group:Web
    开发者的 谷歌+ 社区。
  • Facebook WordPress Front-end Developers
    Group:WordPress
    的前端工程师 脸谱 小组,研究开发问题、技术方向。
  • LinkedIn Web Design and Development Professionals
    Group:领英上的规范
    Web 从业者小组。
  • LinkedIn PHP Developer
    Group:领英上的
    PHP 开发者小组。
  • Sitepoint
    Forums:Web
    开发者论坛。
  • /r/perfmatters:Reddit
    上重中之重商量网站质量优化的 subreddit,由 KeyCDN 发起。
  • /r/webdev:Reddit
    上讨论 Web 开发的 subreddit。

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. 诺玛lizing 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.

Web 开发情报

  • wdrl.info:周周推送精心选拔的
    Web 开发有关小说。
  • web tools
    weekly:主要推送
    Web 开发工具。
  • webopsweekly.com:周周推送关于
    Web 运营、安排等方面的文章。
  • /dev
    tips:每一周分享开发小技巧。
  • friday
    front-end:天天在
    twiiter 发开发有关情报,可订阅然后每一周发汇总邮件。
  • front-end dev
    weekly:手工挑选的
    Web 开发、工具和新意资讯,每一周推送。
  • smashingmagazine.com:面向
    Web
    设计师和开发者的一款在线杂志,内容质量很高,每个月的第三个周天发布。

小编在原文中还享受了部分编辑器和支付语言,个人感觉都相比普遍,故没有在那边列举出来,感兴趣的可以去原文查看。:
)

初稿地址:100+ Useful Web Development Tools and
Resources.
欢迎关心新浪专栏「极光早报」,天天为
Makers 导读三篇优质英文文章。

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.

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

网站地图xml地图