前端开发常用免费资源,显著提升工作效率

2023-05-26 0 353

Jatin Rao 动画版,许可 New Frontend 译者。

最近一年来我搜集了大批可以明显提高合作开发工作效率的天然资源镜像,在这首诗中就要撷取其中许多。这些天然资源对我很有协助,期望对你也是这般。Kozhikode少叙,上面是一些很酷的廉价品!

HTML

W3C Markup Validator 检查和网页文档的记号与否不合法Meta Tags 撰稿聚合用作SNS互联网等公交站点的元条码,并自动更新效用Favicon Generator将 GIF、PNG、JPG 文档格式的纯文字切换为 ICO 文档格式

CSS

W3C CSS Validator 检查和 CSS 文档与否不合法Animate.css 照相狸尾豆的跨应用程序 CSS 动画电影效用animista按需订制 CSS 动画电影效用CSSeffectsSnippets CSS 动画电影效用搜集,点选某一效用方可拷贝适当的标识符短片至配置文档SpinKit 汇聚了实现各种读取效用的 CSS 标识符短片CSS Minifier在线 CSS 标识符极精简/精简版

JavaScript

JavaScript 30 使用原生植物 JavaScript 在 30 周内顺利完成 30 个工程项目Codewars和他们一同顺利完成真实世界的标识符考验,提高你的技术ESLint 检验、修改 JavaScript 标识符的问题Prettier 文档序列化 JavaScript 标识符

辅助工具栏

Font Awesome 中文网站合作开发最盛行的辅助工具栏集Feather 简约耐用的对外开放源码辅助工具栏Ionicons 精心设计绘出的对外开放源码辅助工具栏Simple Icons 常见国际品牌的 SVG 辅助工具栏Material Design Icons 轻盈、精致的记号辅助工具栏,包括常见操作方式和事宜Tabler Icons681 枚可订制的对外开放源码 SVG 辅助工具栏

美感

Material Design Colors Material Design 美感Flat UI Colors 2 14 组色调、280 种色调Color Hunt撷取美感配搭的民主自由对外开放Color Space 色调计划、CSS 色调蓝紫色聚合辅助工具uiGradients 耐用的色调蓝紫色Colors and Fonts 美感和手写体辅助工具Coolors 色调计划聚合辅助工具

插画

Undraw 持续更新的精致的 SVG 插画集manypixels 免费插画集IRA Design 通过调配蓝紫色色、配搭手绘组件订制插画Free Illustrations by Lukasz Adam 免费 SVG 插画Blobmaker 新浪网 SVG 形状聚合器Get Waves 新浪网 SVG 波形聚合器

图片

Unsplash 可供免费使用的图片Pexels 精致的免费图片和视频Burst 免费高分辨率图片,可用作中文网站和商业用途ISO Republic 使用 CC0 许可的免费高分辨率图片和视频Pixabay 令人惊叹的免费(公共领域)图片和视频公交站点StockSnap.io精致的免费图片,同样使用 CC0 许可Photopea 新浪网图片撰稿辅助工具,支持大批高级功能Online Image Compressor 新浪网图片精简版,一次可以压缩多达 20 张图片Bulk Resize Photos 最快的新浪网图片缩放辅助工具(图片缩放和压缩在本地顺利完成,无需上传到服务器)

参考

Front-end Developer Handbook 2019前端合作开发者手册 2019 版,如何学习前端合作开发实践的全面指引HackerRank 2020 Developer Skills Report HackerRank 的 2020 年合作开发者技能报告,有 116648 名合作开发者参与调查Stack Overflow Developer Survey 2020 Stack Overflow 的 2020 年合作开发者调查报告,将近 65000 名合作开发者参与调查HTML & CSS 很好的学习 HTML、CSS 的资料Refactoring UI 从合作开发者的角度讲解如何应用特定的策略来设计耐用的用户界面Airbnb JavaScript Style GuideAirbnb 的 JavaScript 风格指南,算是目前业界最盛行的 JavaScript 标识符风格指南JavaScript & jQuery 很好的学习 JavaScript 和 jQuery 的资料You Dont Know JS深入理解 JavaScript 语言的核心机制Eloquent JavaScript 面向编程初学者的 JavaScript 教程Learning JavaScript Design PatternsJavaScript 设计模式,面向 JavaScript 和 jQuery 合作开发者Web Content Accessibility Guidelines (WCAG) 2.1 各种让中文网站的可访问性更好的建议

可访问性

NV Access Windows 平台下的屏幕阅读器ChromeVox Chrome Extension Google 出品的 Chrome 屏幕阅读插件axe Chrome Extension给 Chrome 合作开发者辅助工具增加可访问性测试的插件

部署

GitHub Pages GitHub 提供的免费静态中文网站托管服务Netlify 30 秒内部署你的中文网站Vercel 快速部署你的中文网站Surge 只需一个命令就可以发布你的中文网站Heroku 在云端构建、运行你的应用

其他

web.dev 评测中文网站性能(基于 Lighthouse)Shape Divider 订制各种形状的中文网站分区 SVG 的辅助工具GTmetrix 网页性能分析辅助工具Can I Use 前端技术的应用程序支持情况Carbon 标识符转图片辅助工具Wappalyzer 检验某一中文网站使用的技术栈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务