• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 20个为前端开发者准备的文档和指南(2)

20个为前端开发者准备的文档和指南(2)

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含前端开发,文档,指南等相关知识,匿名希望在学习及工作中可以帮助到您
  本周开始,你也许想静下心来学些什么新的东西,或者提高一下你在一门特殊计算机语言或者技术的能力。

  在四月份,我把a collection of useful docs and guides(一些有用的文档和指南)打包到了一起,那是一个很受欢迎的帖子。自此以后,我又收集了一些。请尽情享受!

  1. Adobe Web Platform Team(Adobe Web Platform团队)

  新设计的Adobe Web Platform站点的网页平台上有很多新技术的信息和示例。包括SVG的内容,CSS Regions的内容,Filters的内容,Web Extensions的内容和其他的内容。它们产生的很多新的标准都被Adobe team 添加进了参考手册里,因此该站点罗列了一些,你可以通过点击它们链接到参考手册和代码示例。

  2. Flexbox Cheatsheet Cheatsheet(Flexbox(伸缩布局盒)参考手册)

  Joni Trythall的参考手册是在多个参考手册基础上制作的,它可以帮助你理解Flexbox(伸缩布局盒)。它是一个覆盖了Flexbox(伸缩布局盒)不同方面的流程图决策树,因此通过扫一眼这个图你就能得到形象化的一切Flebox的知识。在页面上可以作为一个PNG格式的图片或者一个全尺寸的PDF文件使用。

  3. Flexy Boxes(玩转布局盒)

  它是Flebox(伸缩布局盒)展示的地方,并且可以生成相应的代码。我喜欢这个上面的所有附加的选项。每一个功能的下面都有一个帮助说明,并且你也可以选择使用RTL编写模式,生成旧代码,同时也可以不用前缀来观察只有标准CSS版本的代码。

  RTL介绍链接地址: http://baike.sogou.com/v4890574.htm?fromTitle=RTL

  4. Grid by Example

  它是由Rachel Andrew制作的拥有大量资源的文档,它覆盖了CSS Grid Layout Module(CSS网格布局模块)的可用示例。包括很多相关的外部链接,同时罗列了覆盖了说明书的不同部分,并且有可视的示例。

  5. CSS Guidelines(CSS指南)

  Harry Roberts制作的,它的目标是“为理性编写可管理和可扩展的CSS代码而提供有用的建议和指导”。这里有适合不同CSS开发者水平的很多内容。

  6. Foundation 5 Cheat Sheet

  它是只有一页(虽然是一个很长的页)的参考站点,可以快速地查看到类名在ZURB流行的前端框架的不同部分的使用。我喜欢它在页面上直接包括示例部分,并且在每个部分旁边都有必要的预先定义好的类列出来。

  7. Cheetyr

  “它是一个便利的手册和快捷方式的集合,可以用来提高设计者和开发者的工作效率。”这个项目还在继续进行,但是目前该站点包括可以被搜索到的CSS手册,Git手册,Vim手册,Photoshop手册,Illustrator手册和InDesign手册。

  8. keyCod.es

  一个简便快速的手册,可以帮助你在键盘上获取不同键的正确键值。如果你在你的脚本里使用event.keyCode或者event.which来判断哪个键被用户按了,该手册迟早会有用的。


  9. AngularJS Style Guide(AngularJS样式指南)

  “它的出发点是,通过最佳实践来为AngularJS开发团队提供融合性。”它实际上有很多的文档,覆盖了AngularJS语法超过20个类别。


  10. Poor Man’s Styleguide

  “它是一个应急式的前端样式指南,它可以直接被copy(复制),然后粘贴到你的CMS项目里。”它提供了在HTML和Markdown里的所有不同的元素的代码,并且在页面上有所有样式的显示效果。

  Markdown介绍链接地址: http://baike.sogou.com/v7868944.htm?fromTitle=markdown

  11. Web Fundamentals(Web 基础)

  它是Google(谷歌)开发者的”现**发的最佳实践”。它覆盖了很多不同的领域,包括多策略的布局、表单,并且它甚至有一部分还盈利了。

  12. CSS PRE(CSS 预处理)

  一份“一站式的手册”,它用来对照不同的CSS预处理。它包括了一个博客部分,一张对照图表,和一些Less,Sass,和Stylus的转化工具的集合。

  Less介绍的链接地址: http://lesscss.cn/

  Sass介绍的链接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

  Stylus介绍的链接地址: http://blog.fens.me/nodejs-stylus-css/

  13. GitHub Cheat Sheet(GitHub参考手册)

  “它是Git和GitHub非常棒的一些功能的列表”。即使你是一个高级的Git/GitHub用户,在这里你也可以清楚地找到一些你之前从没有看到过的东西。

  14. HTML Vocabulary(HTML词汇表)

  在最后收集里出现的文档和”CSS Vocabulary”类似,这个主要关注HTML的不同部分。

  15. iOS Human Interface Guidelines(iOS人机界面指南)

  它在iTunes商店里可以免费使用。它主要是为iOS app开发者服务的,但是在它上面也有一些常用的UI设计原则的讨论,这些对web平台开发者或者设计者来说可能会有些利用价值。遵循设计原则对构建基于web的响应式站点非常有帮助,它可以使你制作的native(本地)app更加可用。

  16. HTML5 Cheat Sheet(HTML5参考手册)

  它是设计的很漂亮的HTML5标签的参考手册。如果你想有一份方便的复印件,它可以以PNG格式的文件或者PDF格式的文件打印出来。

  17. jQuery Coding Standards & Best Practices(jQuery编码标准&最佳实践)

  它是开发者编写jQuery最佳实践的集合。你或许不赞同描述的所有东西,但是毫无疑问你会找

您可能想查找下面的文章:

  • 关于HTML5 history API 的介绍
  • 20个为前端开发者准备的文档和指南(3)
  • 20个为前端开发者准备的文档和指南(2)
  • 20个为前端开发者准备的文档和指南(1)

相关文章

  • 2018-12-03phonegap中关于常用事件总结(收藏)
  • 2018-12-03html5 canvas画图实例用法汇总
  • 2017-08-06HTML5应用之文件上传
  • 2017-08-06html5 利用canvas实现超级玛丽简单动画
  • 2018-12-03怎样用H5 Canvas实现3D动态Chart图表
  • 2018-12-03纯html5+css能写出什么惊人的效果?
  • 2018-12-03HTML在线编辑器的调用方法和使用方法
  • 2018-12-03有关HTML5开发的文章推荐10篇
  • 2018-12-03HTML5新增属性
  • 2018-12-03关于移动端H5页面中1px边框的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 用来手机建站能不能实现在各种设备上的良好展现?
    • spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
    • 了解HTML 5 History API的”前生今世”
    • HTML5边玩边学(五)-图像、图案和字体
    • 20佳惊艳的HTML5应用程序示例分享
    • 利用html5 canvas破解简单验证码及getImageData接口应用_html5教程技巧
    • 响应式网页如何使用?总结响应式网页实例用法
    • HTML5漫谈(2)–HTML5为什么这样红?
    • 做为一名在校学生而言,从其职业发展的角度出发,在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗?
    • HTML5里的placeholder属性使用实例和美化显示效果的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有