干货!前端开发指南20+

1. CSS介质查询和范围选择器

如果你有看过Patrick Clancey最近写的那篇关于A List Apart的文章“mod queries”,那么将会更好地理解这一点。它是一个工具或者说是指南,可以很好的帮助读者去了解这些CSS选择器,以及如何使用它们在网页布局 中布置未知数量的项目。


2.抛弃JavaScript

通过智能警告,提示这些组件可能不是语义的或所有用户都可以访问的,这个网站集成了大量不同的技术,展示了如果只使用HTML,CSS和Sass,可以做到什么。如果你想学习前端,可以来这个群,首先是291,中间是851,最后是189,里面可以学习和交流,也有资料可以下载。


3. HTML5超大备忘录

HTML5超大备忘录可以说是一个非常全面的信息图表,你可以选择把它保存为PDF,它涵盖了HTML5所有的标签(不论是旧版,新版和已经过时的版本),属性,桌面和移动浏览器支持,事件处理程序和Canvas功能。


4. SVG创作指南

W3C的官方文档描述了一些用于创建可互操作,可重用,且高性能,高效,实用的SVG文档的最佳实例,这些描述是使用注释和代码样例呈现的。这些文档提供了不需要设置要求的指导,对于手动创建SVG的码农非常有用。


5. HTML 5.2 W3C工作草案

虽然WHATWG HTML5规则依旧是无可争议的“生活标准”,但W3C正在推进它规则的完善。如果你有兴趣看看什么是新的、不同的HTML5.2,不妨从这里开始。


6.Web码农清单

这个清单使码农在完成项目时能有一个精准且具体的参考。包括可用性,可访问性,搜索引擎优化,代码质量,安全性等类别。此外,类别中的每个项目都包括一些链接,帮助码农检查项目。


7.我可以把…制成动画吗?

这一个简单的网站,它允许你搜索一个CSS属性,并会告诉你该属性是否是“可制成动画的”,并将提供浏览器是怎样计算动画的进一步的信息。


8.移动设备测试

BrowserStack的移动设备测试指南,是基于市场份额数据,操作系统版本,屏幕大小,视口和分辨率等来制作的。这个网站解释说:“我们从3万多个BrowserStack客户的使用统计数据和当前全球市场趋势中获得灵感。这些列表将会不断的更新,当然包括最新的和即将推出的设备。


9.设计师的Web性能优化清单

Jon Yablonski创建了这个动态清单,这个清单是基于他创作的一篇文章创建的,设计师们为他们的前端项目添加一些有价值的、通常情况下易于实现的性能改进。每个项目都有指向相关文章的相应部分的链接。


10. Web平台功能的可用性如何?

“由caniuse.com和StatCounter的数据提供支持,这个页面标明具有本机支持的各种Web平台功能的浏览器的用户的百分比。显然,这不考虑填补能力或其他后备方案。”


11. JavaScript开发者状态调查

“有超过九千名的码农参加了第一版的JavaScript状态调查。这次调查对相关前端框架和状态管理,构建工具和测试库等方面的问题进行了回答。你会发现哪一种库类是码农最想要学习的,并。希望这些数据能帮助你了解不断变化的JavaScript生态系统。


12.移动使用统计

这是一个实时、动态的移动使用数据信息图表,演示了在线活动的各个方面是如何随着时间的推移而变化。


13.字体加载策略的综合指南

Zach Leatherman详尽的技术指导给开发者提供了许多处理网络字体的最佳建议和实例,帮助码农处理实际中遇到的问题。


14. MDN学习社区

这是一个你可能已经有所了解的社区,MDN并不适合我们所有人,因为它主要是为初学者所开设的,但不可否认的是,Mozilla Developer Network是一个可以快速访问和获取HTML、CSS和JavaScript等各类学习知识的社区。


15.弹力球

Sparkbox中的一支团队建立了一个简单的交互式页面,用于演示如何使用各种技术创建一个弹跳球动画。如果考虑使用动画库的话,这可能是一个不错的选择来比较不同的编码和接口。


16.无障碍指南清单

不论对于码农,工程师,项目经理,测试和编辑人员来说。“让工作在全体成员中进行无缝衔接是一个非常棒的感受。无论在项目中的你负责什么岗位或项目处于什么阶段,都可以使用这个清单帮助构建无障碍程序。“


17. WebAIM辅助功能列表

这是一份出自WebAIM技术人员只手的一份更详尽、技术含量更高的辅助功能检查表,可在Web页面或作为PDF使用,它分为HTML和Scripts/Plugins(脚本/插件)两部分。

18.抛弃Lodash / Underscore

这是一项广泛使用的资源,其中罗列出了许多使用vanilla JavaScript替换如Lodash和Underscore等其他内容的技术。并且还对每项技术的浏览器支持进行了介绍。


19.Web的易访问性模式

来自于eBay的开发者Ian McBurnie说,这是一个针对于易用网络模式而进行的有趣测试,测试内容包括自动完成、复选框、弹出菜单、分页、提示等。你可以在the associated GitBook找到更多的相关文档。


20. Angular代码审查

Angular 1.x的核对清单可以帮助你进行代码审查,并确保您在风格,体系结构,安全性,辅助功能和性能方面使用公认的最佳方法。你也可以进行用户注册,以便Angular 2的检查表可用时收到通知。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容