杭州ui培训
达内杭州ui培训中心

0571-56020830

热门课程

20张小抄帮你提升前端开发和设计的效率

  • 时间:2016-06-08
  • 发布:杭州UI培训
  • 来源:优设网


  我们在做前端开发或网页设计时,需要用到多种技术、框架、工具,要熟悉掌握往往需要很长时间。

  杭州达内UI设计培训专家分享一些优秀的小抄,归纳总计的非常科学,能帮你快速找到命令、语法、工具的快捷键,提升工作效率。

一、HTML5 & CSS

CSS Cheatsheet

  这张Cheat Sheet 包含了CSS中常见的选择器、盒模型、背景、色彩、字体等语法,以及使用说明。

HTML5 Cheet Sheet [TAGS]

  HTML5引入了很多新的tag,这个Cheet Sheet将那些HTML 5中新增的标签独立成一个小节,让我们能够很快掌握如何使用它们。

HTML5 Cheet Sheet

  由Antonio Lupetti设计的一张HTML5 Cheet Sheet,对HTML 5标签进行了概括,而且设计得很新颖。

HTML元素索引

  HTML Elements Index包含了所有HTML元素,并按照字母顺序进行索引。

二、JavaScript & JQuery

JavaScript Cheet Sheet

jQuery API 快速参考网站

  jQuery Quick API Reference这个网站包含了所有JQuery中的API,点击某一个API后会直接链接到官方说明文档。另外你还能根据JQuery的不同版本来进行查询,非常方便。

三、流行前端库

Bootstrap 3 – Cheat Sheet

  Bootstrap 可能是目前最流行的CSS框架了,Bootstrap 3的Cheat Sheet,包含了对Grid系统以及不同Device下适配的说明。

Font Awesome图标参考

  每次使用Font Awesome时总需要打开网站然后去查找所需要的图标,对于英文单词不是很熟悉的人来说,找一个图标往往要上下翻看好几遍,而且随着图标库的扩大搜索图标成了一件让人头疼的事。有了这张Font Awesome图标参考,你只需要将它打印出来,放在桌边,需要时便能很快找到你想要的图标了。

ns Cheatsheet

  Bootstrap 3 Glyphicons Cheatsheet是另一套非常常用的图标集,特别是在使用Bootstrap时,经常会用到它。

四、设计工具

Sketch Shortcuts Cheatsheet

  Skech已经成为我最常使用过的一个UI设计工具,大到做一个完整的UI方案,小到加工一张图片,我都会使用Sketch来完成。这个工具包含了Sketch中常用的快捷键。

Adobe CC Cheat Sheet 

  THE ULTIMATE ADOBE CREATIVE CLOUD KEYBOARD SHORTCUTS CHEAT SHEET包含了Adobe CC系列中所有产品的快捷键Cheat Sheet.

Adobe Illustrator CS6 Shortcuts Cheatsheet

Adobe Photoshop CS6 Shortcuts Cheatsheet

五、开发工具

Sublime Text 3 (OSX) Cheat Sheet

  PDF版本。

Atom Editor Cheat Sheet

  Atom是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程

六、Markdown

Markdown Cheatsheet

  Markdown因为其简洁高效的特性,而成为很多开发或设计文档的写作标准。这张Cheat Sheet包含了Markdown中常见的语法标准。 

七、浏览器中的开发者工具

Chrome Devtools Cheatsheet

  Chrome自带了非常强大的开发者工具,通过快捷键去控制它能让你的程序调试速度飞起来。

Firebug Cheatsheet

  Firefox上强大的网站调试插件,Firebug Cheatsheet中包含了所有快捷键。

八、操作系统

Command Line Cheat Sheet

  这张Cheat Sheet包含了最常用的Linux命令行,及使用示例。

九、Git & GitHub

Git Cheat Sheet

  Git已经取代SVN成为目前最流行的版本控制及分布协作工具。但用好Git并不容易,你需要掌握许多Git命令,这张Cheat Sheet能够帮你快速找到所需要的命令。

  杭州达内UI设计培训专家建议大家善加利用这些Cheat Sheet,提升你的设计效率。






原文来源:http://www.uisdc.com/shortcut-list-improve-development-efficiency
上一篇:23个充满个性布局独特的优秀网页设计
下一篇:不同设计师转行UI设计的分析和建议

795万高校毕业生创历史新高,2017届毕业生就业近况几何?

达内副总裁齐一楠接受新浪专访,解读2016达内耀升级

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

响应全球编程一小时 达内微软推出“发现杯”中国青少年编程挑战活动

选择城市和中心
贵州省

广西省

海南省