前端丨超全面+最流行的「前端速查表」高清版大全 - 优设网 - UISDC

前端丨超全面+最流行的「前端速查表」高清版大全

2016/11/16 16673评论区

frontend-quick-search-sheet-1

今天分享的速查表你一定不会陌生,因为都是目前最新最流行的前端速查表(Cheat sheet),包含:Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4,前端人员可以将这些当作是备忘表或速记手册,使用时可以快速查阅,相当便捷。

这些速查表设计达人网小编认为相当有用,如果我学前端时有这些表给我就好了T_T…

速查表兄弟篇:《最强酷站!超实用的PS+AI+ID快捷键速查网站》

下面来看看介绍,必须收藏!

Flexbox Cheatsheet Cheatsheet

这里通过问答对话形式,很好的展示 flexbox 属性的作用,我们只截了小图,大图以及 PDF 版请点击链接查看。

uisdc-css-201611161

Flexbox 视觉指南

这个特色就是有实时代码演示,当用户设置属性,DEMO 可以实时更新效果,这样用户更好更容易地理解 Flexbox 某个属性的作用。

uisdc-css-201611165

 

uisdc-css-2016111612

CSS选择器速查表

对于?CSS?刚入门的同学,建议看看这个 CSS 选择器,可以让你更易理解选择器的用法。

uisdc-css-2016111611

CSS伪类 :Nth-Child 的用法

也是以可视化方式展示:nth-child的用法,用户还可以自行修改它的数值来实时展示效果,真的方便。

uisdc-css-201611167

Bootstrap 4 Cheat Sheet

Bootstrap?4 有新的很多组件样式,熟记它不太可能,在官网找又太麻烦,那么这个Bootstrap 4是你最好的选择,流布布局分类,支持一件复制代码,超好用,小编正在用了。

uisdc-css-201611166

前端框架兼容表

这个列表把所有流行的、不太流行的前端框架(Front end Frameworks)的浏览器兼容性一一列出来,框架有 Bootstrap, Kube, 960 Grid System, Foundation, Semantic UI 等等。

以后看框架的兼容性,这个页面就够了。

uisdc-css-201611168

Bootstrap 4 速度表 + Class 列表

uisdc-css-201611162

这个速查表特色就是还有效果预览图,鼠标移到小图上面就会放大预览图,而当你想要这个代码的时候,点击表格右边的链接就会跳到官网对应的代码页了。

uisdc-css-201611169

JQuery 3 Cheatsheet

jQuery 大家都知道了吧,而这个速查表最新版本的 jQuery 3

uisdc-css-201611163

ES6 CHEAT SHEET

主要是介绍ES2015 [ES6]常用的一些技巧、窍门和代码实例。

uisdc-css-2016111610

CSS 动画:Animate.Css

Animate.css 这是一个非常优秀的样式动画库,什么渐变、淡入淡出、放大缩小、旋转等等,几乎所有能用的CSS动画都有了,超好用,想做 CSS 动画,建议一定要参考这个样式库。

uisdc-css-201611164

「优设前端好文合集」

  1. 《收入囊中!20个前端和网页设计师必收的超实用网站》
  2. 《效率丨10个前端/设计师必备的生产力工具》
  3. 《开发者福利!2016年10月设计圈实用干货大合集》

【优设网 原创文章 投稿邮箱:yuan@www.offshoring-digest.com】

================关于优设网================
“优设网ag亚游集团“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.www.offshoring-digest.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.offshoring-digest.com/frontend-quick-search-sheet

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 优设专访 设计师 扁平化设计 交互设计师 优设大课堂 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 设计理论 平面设计 神器下载 字体下载 设计趋势 用户体验设计 psd下载 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里