热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端开发_给前端开发者的20款实用文档和指南

2  除了 Javascript,还有...
















2




 除了 Javascript,还有...

















本网站收集了许多不同的技术,以演示仅仅使用 html、CSS、SASS 能做的事情,同时还提供了一些智能告警,如,这些组件是否是语义的或是否所有用户可访问。










给前端开发者的 20 款实用文档和指南
















http://youmightnotneedjs.com/

















3




HTML5 Mega Cheat 表单

















这是一份非常全面的信息图,可以以 PDF 格式下载下来, 涵盖了所有 HTML5 标记(旧的、新的,已过时的版本也有)、属性、桌面和移动端支持,事件处理器,还有 Canvas 的功能特性。
















给前端开发者的 20 款实用文档和指南
















https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/

















4




SVG 创作指南

















这是一份来自 W3C 的官方文档,“使用说明和代码示例,对如何创建可互操作、可重用、高性能、高效率以及具备实用性的 SVG 文档的一些最佳实践进行了描述”。文档提供了不设限的指南,对于开发者手动创建 SVG 很有帮助。
















给前端开发者的 20 款实用文档和指南










http://w3c.github.io/svgwg/specs/svg-authoring/

















5




W3C HTML 5.2 工作草案

















尽管 WHATWG HTML5 规范是一个没有发行版的 “动态标准”, 但 W3C 仍在推动它们的规范增量向前发展。如果你想了解 HTML 5.2 中的新特性和改进项的话,这是个不错的选择。










给前端开发者的 20 款实用文档和指南
















https://www.w3.org/TR/html52/

















6




Web 开发者检查表

















这是一份漂亮且内容丰富的检查表,可以帮助开发者完成项目。它包含了可用性、可访问性、SEO(搜索引擎优化)、代码质量、安全性以及许多其它的类目。而且类目里的每一项都带有超链接,能辅助你进行检查。
















给前端开发者的 20 款实用文档和指南
















http://webdevchecklist.com/

















7




我可以 animate…?

















这是一个简洁的网站,它允许你搜索指定 CSS 属性,并会告诉你该属性是否是“动态化”,而且可提供进一步关于浏览器如何计算动画的信息。
















给前端开发者的 20 款实用文档和指南










http://canianimate.com/

















8




在正确的移动设备上测试

















BrowserStack 上针对移动设备测试的指南,是基于市场份额数据、操作系统版本、屏幕大小、视口和分辨率等进行分类的。网站声明说:“我们从超过30,000个 BrowserStack 客户的使用统计数据和当前全球市场趋势中获得了数据。此列表将不断更新,以包括最新和即将推出的设备。”
















给前端开发者的 20 款实用文档和指南
















https://www.browserstack.com/test-on-the-right-mobile-devices

















9




设计师的 WEB 性能优化检查表

















Jon Yablonski 基于其写作的一篇文章而创建了这个动态检查表,方便设计师向他们的前端工程增加有价值且容易实现的性能。每一项都有链接,分别对应引用的相关文章。
















给前端开发者的 20 款实用文档和指南










http://jonyablonski.com/designers-wpo-checklist/

















10




WEB 平台的功能特性有多实用?

















“这个页面是由来自于 caniuse.com 和 StatCounter 的数据驱动,显示了那些拥有原生支持各种 WEB 平台功能特性的浏览器的百分比。这个显然没有将 polyfill 能力以及其它的向后兼容场景考虑在内。”










给前端开发者的 20 款实用文档和指南










https://paulirish.github.io/web-feature-availability/

















11




Javascript 开发者状态的调查

















“9000 多个开发者参加了第一版的 Javascript 状态调查。他们回答的问题涉及的范围广泛,从前端框架和状态管理到构建工具和测试库等都包含在内。你可以看到开发者们下一步最想学习什么库,也可以看到满意度最高的是什么。我们希望这些数据能帮助你感受到 Javascript 生态系统的各种变化。”










给前端开发者的 20 款实用文档和指南










http://stateofjs.com/

















12




移动使用统计

















这是一个实时的,动态的移动使用数据信息图,随时展示在线活动的各方面增长。










给前端开发者的 20 款实用文档和指南










https://www.dealsunny.com/mobile-usage-statistics/

















13




字体加载策略的综合参考

















Zach Leatherman 详细的技术参考提供了许多处理 Web 字体的最佳实践,同时给予了开发者处理问题的建议。










给前端开发者的 20 款实用文档和指南










https://www.zachleat.com/web/comprehensive-webfonts/

















14




MDN 学区

















你可能已经知道这个社区,它是针对初学者而设,并不适合所有人。但不可否认的是,Mozilla Developer Network 是一个可快速检索和访问 HTML、CSS 和 Javascript 知识的中心。










给前端开发者的 20 款实用文档和指南
















https://developer.mozilla.org/en-US/docs/Learn

















15




弹跳球

















Sparkbox 的团队做了一个简单的互动页面,用于演示如何使用各种技术创建一个弹跳球动画。如果你考虑使用动画库,这是一个比较 API 和编码的不同的好方法。










给前端开发者的 20 款实用文档和指南










http://sparkbox.github.io/bouncy-ball/

















16




无障碍指南(清单)

















“让无障碍工作有更好的体验。无论您在项目中是何角色或在何阶段,都可以使用此清单帮助构建无障碍程序。”包括开发人员,工程师,项目经理,质量保证和编辑。










给前端开发者的 20 款实用文档和指南










http://accessibility.voxmedia.com/

















17




WebAIM 辅助功能检查表

















这是 WebAIM 上一份更详尽,技术含量更高的辅助功能检查表,可在 Web 页面或作为 PDF 使用,它分为 HTML 和 Scripts/Plugins 两部分。



















http://webaim.org/standards/508/checklist

















18




你不 ( 可能不 ) 需要 Lodash/Underscore

















这是一项广泛使用的资源,该资源列出了许多通过 vanilla Javascript 替换其他内容的技术,如,Lodash 和 Underscore 。同时,还介绍了每项技术的浏览器支持。










给前端开发者的 20 款实用文档和指南










https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore

















19




网络的易访问性模式

















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










给前端开发者的 20 款实用文档和指南
















http://ianmcburnie.github.io/mindpatterns/

















20




Angular 代码审查

















Checklist 可以帮助你对 Angular 1.x 做代码检查,并为代码样式,架构,安全,可访问性和性能的选择提供最佳方法。当有类似检查表的可用通知时,你也可以尝试在 Angular 2 注册使用。
















给前端开发者的 20 款实用文档和指南










https://angularcodereview.com/














给前端开发者的 20 款实用文档和指南









推荐阅读









































点击“阅读原文”查看更多精彩内容















推荐阅读
  • 本文详细介绍了网络存储技术的基本概念、分类及应用场景。通过分析直连式存储(DAS)、网络附加存储(NAS)和存储区域网络(SAN)的特点,帮助读者理解不同存储方式的优势与局限性。 ... [详细]
  • golang常用库:配置文件解析库/管理工具viper使用
    golang常用库:配置文件解析库管理工具-viper使用-一、viper简介viper配置管理解析库,是由大神SteveFrancia开发,他在google领导着golang的 ... [详细]
  • 使用 Azure Service Principal 和 Microsoft Graph API 获取 AAD 用户列表
    本文介绍了一段通用代码示例,该代码不仅能够操作 Azure Active Directory (AAD),还可以通过 Azure Service Principal 的授权访问和管理 Azure 订阅资源。Azure 的架构可以分为两个层级:AAD 和 Subscription。 ... [详细]
  • 本文介绍了如何利用npm脚本和concurrently工具,实现本地开发环境中多个监听服务的同时启动,包括HTTP服务、自动刷新、Sass和ES6支持。 ... [详细]
  • 采用IKE方式建立IPsec安全隧道
    一、【组网和实验环境】按如上的接口ip先作配置,再作ipsec的相关配置,配置文本见文章最后本文实验采用的交换机是H3C模拟器,下载地址如 ... [详细]
  • 基于Node.js、Express、MongoDB和Socket.io的实时聊天应用开发
    本文详细介绍了使用Node.js、Express、MongoDB和Socket.io构建的实时聊天应用程序。涵盖项目结构、技术栈选择及关键依赖项的配置。 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 深入理解Shell脚本编程
    本文详细介绍了Shell脚本编程的基础概念、语法结构及其在操作系统中的应用。通过具体的示例代码,帮助读者掌握如何编写和执行Shell脚本。 ... [详细]
  • 对象自省自省在计算机编程领域里,是指在运行时判断一个对象的类型和能力。dir能够返回一个列表,列举了一个对象所拥有的属性和方法。my_list[ ... [详细]
  • 在PHP后端开发中遇到一个难题:通过第三方类文件发送短信功能返回的JSON字符串无法解析。本文将探讨可能的原因并提供解决方案。 ... [详细]
  • springMVC JRS303验证 ... [详细]
author-avatar
无情云南_132
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有