课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 20张优秀小抄,提升前端开发和设计的效率
  • 20张优秀小抄,提升前端开发和设计的效率

    发布:南昌UI培训      来源:优设网      时间:2016-06-08


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

      南昌达内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的职业规范和建议

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56