前端印记 DFE_evernote ¶ 优秀学习网站
一些优秀的网站
¶ 国外
¶ 前端
| 分类 | 名称 | 地址 | 简介 |
|---|---|---|---|
| 优秀博客 | alligator | alligator | 前端Web开发，各种框架和库的知识点 |
| 优秀博客 | increment | increment | 增加前沿开发的广度和深度 |
| css动画 | Csseffects | CSSeffectsSnippets | 多种CSS动画，可快速应用到项目中 |
| css博客 | CSS Tricks | CSS Tricks | 主要分享使用CSS样式的技巧、经验和教程等。 |
| css文档 | cssreference | cssreference | 查询不熟悉、不常用的属性，深入理解CSS知识 |
¶ 设计
| 分类 | 名称 | 地址 | 简介 |
|---|---|---|---|
| 设计资源 | Free Design Resources | Free Design Resources | 设计资源源文件下载 |
| 网页设计 | Collect UI | Collect UI | 一个免费的在线资源，海量网页设计图，用于每日UI设计灵感。 |
| 颜色 | Color Picker | Color Picker | 颜色挑选 |
| - | materialpalette color | materialpalette color | 颜色挑选2 |
| - | flatuicolors | flatuicolors | 颜色挑选4 |
| 图标 | shape icons | shape icons | 海量图标 |
| 字体 | fontspark | fontspark | 为字体选择困难症的用户打造的选择字体的网站，输入文字随机出现字体。 |
| 图标 | The Noun Project | The Noun Project | 提供超过 200 万的icon供使用者免费下载 |
| 插画库 | unDraw | undraw-illustrations | 1000 个开源扁平矢量插图库，可免费下载并使用。 |
| 在线ps | photopea | photopea | 一个在线搞ps的工具 |
¶ 国内
¶ 设计
| 分类 | 名称 | 地址 | 简介 |
|---|---|---|---|
| 图片 | shutterstock | 免费获取 10 张图片/天 | 库存图片 |
| 字体 | 字体天下 | 免费获取 海量商用免费字体 | 设计师的福利 |
| 网页 | UI中国 | UI中国用户体验设计平台 | 啥都有，后台多 |
| 资源 | 合集 | 公号文 | 网站合集整理 |
| logo制作 | logo神器 | logo神器 | 付费 |
¶ 生产力工具
| 分类 | 名称 | 地址 | 简介 |
|---|---|---|---|
| 效率工具 | Taskade | Taskade | 一款具有带有待办事项的chrome插件 |
| 项目文档 | DevDocs | DevDocs | 汇集了最全的编程开发文档，可以在线查询各种编程手册的文档 |
| 兼容性查询 | Can I Use | Can I Use | 查询CSS、Js在各种流行浏览器中的特性和兼容性的网站，了解代码在各个浏览器中的效果。 |
| 自动化 | Lighthouse | Lighthouse | 改进网络应用（移动端）的质量。测试包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO等。对各个测试项的结果打分，并给出优化建议 |
| 测试GUI | Majestic | Majestic | Jest运行测试GUI工具，能够可视化的查看测试用例输出日志 |
| 分析插件 | Wappalyzer | Wappalyzer | 分析目标网站所采用的平台架构、网站环境、服务器配置环境、javascript框架、编程语言等参数的chrome网站技术分析插件。 |
| 正则表达式 | iHateRegex | iHateRegex | 快速检索并匹配到合适的正则表达式 |
¶ 优秀社区
- dev.to 【a place where coders share, stay up-to-date and grow their careers.】
← 灯塔