澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

资源大全,前端必备知识

2019-08-10 作者:澳门新萄京赌场网址   |   浏览(182)

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途达IPT 的,它简洁利落,使得 Web 开拓尤其迅速。

对于 Web 程序猿来讲做好和最倒霉的事都是 Web 本事的热气腾腾。那也象征作为一个 Web 开辟者来讲肯定要持续的就学,适应变化。

正文头阵于新浪专栏「极光日报」

种种月的前端开荒者干货素材大合集,相对来说更是在意于为网页设计员和前端开垦者搜罗相关的工具和资料,此次的大合集在那之中含有一款颇为风趣的显示屏录制软件,三款适用范围较广的依据Material Design的框架,还恐怕有一部分天性测量试验库也卓殊好用。这个前端工具与资料功用各区别,总会有一七款是您感兴趣,乃至正好想要的~

预管理器

越来越快地编写翻译 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都应用了该项目。

之所以,作者列举出了和煦支付和学习进度中境遇的好工具和财富,在此地分享给大家:

对此 Web 程序员来讲做好和最不好的事都以 Web 技巧的如日中天。这也象征作为三个 Web 开垦者来说确定要不断的就学,适应变化。
为此,我列举出了和睦支付和学习进程中遇见的好工具和财富,在此间分享给大家:

Kap

框架

  • 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 工具库。

澳门新萄京官方网站 1

工具集

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

课程目的

前面一个框架

  • Bootstrap:闻明的火速支付响应式 Web 应用程序的前端工具包。
  • Foundation:贰个易用、强大何况灵活的前端框架,用于营造基于别的设施上的 Web 应用。
  • Semantic UI:全语义化的前端分界面开采框架。
  • uikit:一款轻量级开源的前端框架。

前面二个框架

  • Bootstrap:有名的连忙支付响应式 Web 应用程序的前端工具包。
  • Foundation:一个易用、强大况兼灵活的前端框架,用于构建基于其余设施上的 Web 应用。
  • Semantic UI:全语义化的前端分界面开垦框架。
  • uikit:一款轻量级开源的前端框架。

在此地本身依旧要引入下作者本身建的web前端开采学习群:731669587,群里都以学web前端开荒的,假令你正在读书前端 ,小编款待您步入,明天享受的那些案例已经上传到群众文化艺术件,大家都以软件开辟党,不定时共享干货(唯有前端软件开垦相关的),包涵本人要好收拾的一份2018最新的前端进级资料和高级开荒教程,接待进级花月进想深切前端的同伴。

CSS结构

  • RSCSS – CSS样式结构的合理规范
  • ITCSS – 用于大型UI项目标牢固、可扩充、可决定的CSS框架结构

调节前端框架Bootstrap的运用

数据库

  • MySQL:最盛行的关系型数据库管理类别。
  • MariaDB:由 MySQL 开始的一段时期职员和工人付出,属于 MySQL 的三个拨出。
  • MongoDB:基于遍布式文件存款和储蓄的数据库。
  • Redis:壹个开源、援助互连网、基于内存、键值对存款和储蓄数据库。
  • PostgreSQL:开源的对象 - 关系型数据库处理种类,Uber 开始时期便是用得那一个。

数据库

  • MySQL:最流行的关系型数据库管理连串。
  • MariaDB:由 MySQL 早期职员和工人支付,属于 - MySQL 的一个拨出。
  • MongoDB:基于布满式文件存款和储蓄的数据库。
  • Redis:一个开源、协理网络、基于内部存款和储蓄器、键值对存款和储蓄数据库。
  • PostgreSQL:开源的对象 - 关系型数据库管理种类,Uber 开始的一段时期正是用得那个。

Task Runners / Package Managers

  • Grunt:JavaScript 世界的创设筑工程具。
  • Gulp:基于流的自动化营造筑工程具。
  • Bower:Web 包管理器,包罗 HTML,CSS,JavaScript,字体、以至图片能源。
  • NPM:Node 包管理器。

Kap 是一款设计精妙的macOS 显示器录制软件,它是依照Web手艺来搭建的开源应用软件。那款应用中最别有天地的是它的即时转码输出功效。Kap 是帮你记录应用软件的绝佳工具。

CSS标准化

  • Normalize – 一套提供较好的多浏览器暗中认可样式一致性的CSS标准
  • Normalize-OpenType – 为Normalize.css增加了OpenType天性,如连字、字间距等等。
  • Reset – 一套CSS规范,将整个的HTML成分调节到同样的基准线
  • sanitize.css – 一套可马上选取的,符合现今最优奉行的CSS标准。

切合人群

Task Runners / Package Managers

  • Grunt:JavaScript 世界的创设筑工程具。
  • Gulp:基于流的自动化创设筑工程具。
  • Bower:Web 包处理器,饱含 HTML,CSS,JavaScript,字体、乃至图片能源。
  • NPM:Node 包处理器。

CSS 预处理器

  • Sass:多少个强劲、成熟、牢固的 CSS 增加。
  • Less:作为一个CSS 的恢弘,其包容性相当好,学费异常的低。
  • Stylus:提供更使得、优雅的艺术来生成 CSS。

Sizzy

特大型网址的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 预管理器

  • Sass:八个无敌、成熟、牢固的 CSS 扩大。
  • Less:作为三个 CSS 的扩充,其包容性相当好,学习开销十分低。
  • Stylus:提供更实用、优雅的点子来生成 CSS。

Markdown 编辑器

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

澳门新萄京官方网站 2

代码风格指点

  • 编写制定符合语言习于旧贯的 CSS by Nicolas Gallagher.
  • CSS 指南 by Harry Roberts.
  • Sass 指南 by Hugo Giraudel.
  • 马克 奥托 编写的风格指南,受「GitHub 风格」和「编写符合语言习于旧贯的 CSS」所鼓舞 by Mark Otto.
  • ThinkUp 的 CSS 风格教导,作者ThinkUp
  • Google 的 HTML/CSS 风格引导
  • WordPress 的 CSS 代码标准

初稿链接

Markdown 编辑器

  • StackEdit:五个开放源码免费应用的 马克Down 编辑器, 基于 PageDown。
  • Dillinger:也是在线编辑器,提供云存款和储蓄,并支持HTML5,PDF 等各个导出格式。
  • Mou:Mac OS X 上一款能够的 马克down 编辑器。
  • Texts:同有时间帮衬Windows 和 Mac OS X。

Icon 资源

  • Font Awesome
  • IconMonster
  • IconFinder
  • Fontello

Sizzy 是一款用来测量检验响应式网址的开辟工具,它能够帮您在一块荧屏上测验八个显示器尺寸下的来得效果。比起Chrome 内容之的位移端模拟器,Sizzy 要有利太多。值得一说的是,它也是Chrome 浏览器插件。

作风指导

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

Icon 资源

  • Font Awesome
  • IconMonster
  • IconFinder
  • Fontello

Git Clients / Services

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

Muse UI

取名习贯和措施

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

Git Clients / Services

  • SourceTree:一款无需付费并且很酷的 Git 客户端,协理 Windows 和 Mac。
  • GitKraken (Beta):一款免费、直观、雅观的跨平台 Git 客户端。
  • Tower 2:APP 很漂亮,需付费。
  • 资源大全,前端必备知识。GitHub Client:官方客户端。
  • Gogs:三个极易搭建的自助 Git 服务。
  • GitLab:对私有项目也无偿。

本地开采条件

  • XAMPP:完全免费,轻松安装的 Apache 遍布式情状。包蕴:MariaDB,PHP,Perl。
  • MAMP:Apache MySQL PHP Python Perl。
  • WampServer:Windows 下的 Web 开拓条件,能够创制基于 Apache 2,PHP 和 MySQL 的 Web 应用。
  • Vagrant:安装和计划简单、轻量级。
  • Laragon:急速、轻便搭建的 Windows 本地开采情状。包罗:MySQL,PHP,Redis,Apache。

澳门新萄京官方网站 3

参考

  • 可扩充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。

文本比对

  • Diffchecker:文件比对的在线网址。
  • Beyond Compare:老牌软件,能高效比较文件和文件夹,功用庞大。

Muse UI 是一款基于 Vue.js 2.0 采取Material Design 风格的 UI 库,个中涵盖了诸如 Appbar、Card 和 Dialog 那样标准的Material design 风的控件。在它的功底上高速构建UI是个不利的选项。

任何能源

文本比对

  • Diffchecker:文件比对的在线网址。
  • Beyond Compare:老牌软件,能急迅相比较文件和文件夹,功效壮大。

Code Sharing / Experimenting

  • codeshare:能和其余开拓者实时分享代码。
  • JS Bin:能够将编辑后的代码保存到本地,或将 U科雷傲L 地址发给其余人,让其推搡调节和测验代码。协助HTML,CSS,JavaScript,马克down,Jade 和 Sass。
  • JSfiddle:能自定义情况来测验你的 HTML,CSS,JavaScript 代码。
  • Dabblet:Web playground,交互功效不错。

Advanced WP-CLI

播客

编程时能够听的一部分剧情。

  • Shop Talk Show – 克莉丝 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 – 这些播客的口号是:“开源发展急忙,快跟上”,致力于让您跟上流行的开源工夫。

Code Sharing / Experimenting

  • codeshare:能和另外开拓者实时分享代码。
  • JS Bin:能够将编制后的代码保存到地面,或将 UHighlanderL 地址发给别的人,让其拉拉扯扯调节和测验代码。支持HTML,CSS,JavaScript,马克down,Jade 和 Sass。
  • JSfiddle:能自定义蒙受来测验你的 HTML,CSS,JavaScript 代码。
  • Dabblet:Web playground,交互成效不错。

团体通力合营

  • Slack:为团体制作的调换应用,我们单位就在用,强力推荐。
  • Trello:完全免费,灵活性高,可视化,和任什么人一齐管制任何事情。
  • Glip:补助实时音信、录制、摄像会议、日历分享等等成效。
  • Asana:支持追踪、记录团队成员的行事情景。
  • Jira:这几个大家应该都用过呢,老牌团队合营应用。

澳门新萄京官方网站 4

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、福睿斯WD、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 – 谷歌的程序员,插手项目有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专门的职业,曾就职于推特(Twitter),一级书呆子。
  • Simon – UI设计师,CSS开发者
  • Connor Sears – GitHub设计师
  • Remy Sharp – 他的推都以关于CSS尺寸单元的
  • Jonathan Snook – 设计员、开垦者、写手、解说者。小编在网络做些东西,作者写的SMACSS。

团体协作

  • Slack:为团体制作的沟通应用,大家单位就在用,强力推荐。
  • Trello:完全无需付费,灵活性高,可视化,和任哪个人一齐管制任何事情。
  • Glip:帮衬实时消息、录像、摄像会议、日历分享等等功用。
  • Asana:援救追踪、记录团队成员的干活情景。
  • Jira:那个大家应该都用过吧,老牌团队同盟应用。

鼓舞灵感

  • CodePen:能在上头分享和找到能够的希图,还应该有别的开拓者为你建议提出。
  • Dribble:贰个设计员分享他们创作的社区。

用作一名 WordPress 开辟者,笔者本身大约每一日都会用到 WP-CLI 。小编多年来才发觉,WP-CLI 还能够令你在成立核心的时候,作为 PHP UnitTest 的脚手架而存在!下边是 WP-CLI 的开荒者 丹尼尔勒 Bachhuber 所列举的 WP-CLI 的高档用法列表。

视频

二个很有用的一定要看录像清单,那个清单是从 908a28 的 AllThingsSmitty/must-watch-css 复制过来的,笔者早就在推特(Twitter)上跟她说了,非常多谢!

振作激昂灵感

  • CodePen:能在上边共享和找到能够的统一盘算,还有任何开采者为你建议提议。
  • Dribble:三个设计员分享他们创作的社区。

网址品质测量检验

  • Website Speed Test:KeyCDN 提供的无需付费网址调节和测验工具。
  • Google PageSpeed Insights:测验之后还恐怕会建议优化意见。
  • WebPageTest:帮忙满世界多地方速度测验和三种浏览器。
  • Pingdom:测验页面加载速度,为你寻找质量瓶颈。
  • GTmetrix:不光能测验速度,还是可以援助深入分析是不是有法律风险,并建议优化提议。

Lunacy

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专门的职业流

网址质量测量试验

  • Website Speed Test:KeyCDN 提供的免费网址调节和测验工具。
  • Google PageSpeed Insights:测量检验之后还大概会建议优化意见。
  • WebPageTest:援助满世界多地区速度测量检验和三种浏览器。
  • Pingdom:测量检验页面加载速度,为你寻觅质量瓶颈。
  • GTmetrix:不光能测量检验速度,仍可以帮助分析是或不是有准绳风险,并提出优化提议。

Web 开荒者社区

  • Stack Overflow:有超过常规470 万的外向开采者在里面彼此协助。
  • Hashnode:全世界性的开辟者社区,大拿相当多。
  • Refind:面向创业者、开拓者、设计员的 Web 项目分享社区。
  • Google Web Developers Group:Web 开荒者的 Google 社区。
  • Facebook WordPress Front-end Developers Group:WordPress 的前端程序猿 Instagram 小组,斟酌开采难点、本领可行性。
  • 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。

澳门新萄京官方网站 5

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 开拓者社区

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

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.

Lunacy 是一款在Windows 平台下的 Sketch 文书档案阅工具。富含文本、栅格」渐变和阴影的Sketch 文档都能够健康突显,没有须求联网,直接行使,完全免费。

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.

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 导读三篇优质克罗地亚共和国(Republic of Croatia)语小说。

K6

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.

澳门新萄京官方网站 6

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 评论

对于各样Web应用来说,速度都非常重要。不过什么衡量速度吗?这就是K6能帮你化解的事务了。它会效仿网址的流量,总结加载速度。简单来说,K6正是测验速度和质量的单元测量检验工具。

有关我:iLeo

澳门新萄京官方网站 7

性别:男,单身前端新手一枚,方今在马普托办事,重要做活动端的web开拓。喜欢的一句话:永世都要维持一个初学者的情怀。搜狐:@文_车_Leo_sCript 个人主页 · 作者的稿子 · 12

澳门新萄京官方网站 8

Checker Service

澳门新萄京官方网站 9

网络检验工具也能多,它们平时能够检测DNS、加载速度、SEO、安全以及SSL等,今日的这几个服务列表个中包括了汪洋那类检查评定工具,个中非常多是无偿的,还大概有一对是提供高阶作用的收款工具。

SVGito

澳门新萄京官方网站 10

SVGito 是一款用来优化 Sketch 生成的SVG文书档案的实用小工具,将你转移的SVG 文书档案的相应代码粘贴到 SVGito 此中,就会返还给你优化好的代码。

Launchaco

澳门新萄京官方网站 11

想为你的门类起三个没人用过又丰硕好听的名字以及对应的域名还蛮不易于的,而Launchaco 就是帮你化解那一个题指标,它会帮您结合社交媒体(推特、推文(Tweet)等)的域名和用户名的音信,帮你生成二个实用的名目,乃至生成对应的标志。

Obnoxious

澳门新萄京官方网站 12

那是一组选拔CSS生成的极度的动画片的合集。假如你的心里和大脑相当不足坚强的话……依旧不要张开它们了,哈哈。

CSS Grid Cheat Sheet

澳门新萄京官方网站 13

在刚刚学习CSS栅格的时候,遇到新的品质,新的测量试验单元,以及全新的Web布局和实战模范,恐怕是一件略显吃力的业务。目前天所推荐的那个工具,就是帮你减弱这些历程,真正达到实地。

Workbox

澳门新萄京官方网站 14

Workbox 是根源谷歌(Google)的三个簇新的门类,意在塑造渐进式的Web应用(PWA),它好像于 Yeoman 和 Create React APP,让您能够透过一行命令来实现一密密麻麻的天职。

Mavo

澳门新萄京官方网站 15

Mavo 是三个起点 Lea Verou的全新开源项目,它是一个能将裸 HTML 标识和一部分自定义属性直接调换为 Web应用的库。它和任何的库(诸如 Backbone、Vue.js 以及 React)比较,更易于使用,因为它能让技艺没那么专精的用户同样能够轻巧创设出完美的Web应用。

Material UI

澳门新萄京官方网站 16

和 Muse UI类似,它也是一个基于 Material Design 设计语言的UI框架。可是Material UI 是依据 React 来支付的。所以,选拔 Material UI照旧选用 Muse UI,就要看您的团队更赞成于 React 照旧 Vue.js了。

Lazy Image

澳门新萄京官方网站 17

Lazy Image 是二个用来按必要加载图片的自定义 HTML 成分,那么些自定义元素在要素对象中提供了一个外加的 .active 对象,能够在别的索要的事件依然用户交互中触发它。

Mac CLI

澳门新萄京官方网站 18

Mac CLI 是一款能够因而终端来治本你的 macOS 的可观工具。对于热爱于采用命令行来决定系列的开辟者来讲,这是何等实用的东西啊!

Keeping You Awake

澳门新萄京官方网站 19

KeepingYouAwake 是一款防止Mac走入眠眠意况的菜单栏小工具,一旦你激活了它,它就能够令你的Mac一向处在开启状态。

JSON Feed

澳门新萄京官方网站 20

JSON Feed 基于 JSON 格式的Feed 标准,它能够依据 WordPress – pluginhre – build 来兑现。让大家同 XML 说再见吧。

Carbon

澳门新萄京官方网站 21

简言之,Carbon 便是 PHP版的 Moment.js。它是一款用来变化可控日期和岁月字符串的PHP库。

SpeedRacer

澳门新萄京官方网站 22

SpeedRacer 是明日所推荐的别的一款性能单元测验工具。K6是透过模拟用户访谈的流量来评估品质,而SpeedRacer 则是平昔依赖浏览器来其实地度量试品质,两个能够搭配起来使用。

本文由澳门新萄京官方网站发布于澳门新萄京赌场网址,转载请注明出处:资源大全,前端必备知识

关键词: