[实用]推荐一些非常棒的前端网站

以下是一些非常棒的前端网站推荐：

• Typora：个人最喜欢的Markdown写作工具，所见即所得。
  https://www.typora.io/
• MDNice：使markdown语法更加美观。
  https://mdnice.com
• CodeLF：变量档咐命名推荐（支持中文），还在为命名而烦恼吗？它就能帮你解决。
  https://unbug.github.io/codelf/
  

• 印记中文：文档翻译网站。
  https://www.docschina.org
• Any-Rule：正则表达式库，非常全，使用起来很方便。
  https://github.com/any86/any-rule
• Easing：CSS动画缓动函数预览及生成。
  http://xuanfengge.com/easeing/ceaser/
• Sprite Generator：多张图片合成雪碧磨辩图，并生成对应css。
  https://www.toptal.com/developers/css/sprite-generator
• Tool.lu：整合常用的工具，包括正则表达式，进制转换等。
  https://tool.lu/
• BootCDN：国内的CDN库，速度快。
  http://www.bootcdn.cn
  或
  https://cdn.baomitu.com/
• .gitignore.io：根据选择会去生成.gitignore文件。
  http://www.gitignore.io

• HTML Arrows：提供HMTL的特殊符号，只有你想不到的。
  https://www.toptal.com/designers/htmlarrows/
• CSSDeck：在线CSS前端代码Demo样式效果。
  http://cssdeck.com/
• CodePen：前端炫酷样式效果，各种瞎蠢缺loading效果，在线编程，Vue组件也特别多。
  https://codepen.io/
  

• Animista：前端炫酷样式技能效果，各种各样的动画效果，提供在线的CSS代码。
  https://animista.net/
  

• Cubic-Bezier：CSS3贝塞尔曲线在线调试工具。
  https://cubic-bezier.com/#.17
  ,.67,.89,.22
• Three.js：JavaScript编辑3D模型，各种各样炫酷的效果以及Documentation值得你去了解。
  https://threejs.org/
• iView UI：一套基于 Vue.js 的高质量 UI 组件库。
  https://www.iviewui.com/
• Snap.svg：SVG动效的JS库，各种炫酷的效果。
  http://snapsvg.io/
• Cool Backgrounds：超酷的背景图片，渐变的色彩的图片背景都有，看起来很酷。
  https://coolbackgrounds.io/

• LeetCode中文版：通过刷题和编程训练来提升编程思想。
• 剑指Offer：里面的题目质量都很高，通过此网站的刷题，会让你的编程思想更有所提高，也帮助你早日拿大厂Offer。
  

• Codewars：同样适合通过刷题来提升编程能力。

• Can I Use：非常好用的网站，有时候，你不知道一个属性的兼容性，一查便知。
  https://caniuse.com/
  

• Turbo：各大平台浏览器兼容性在线测试。
  https://turbo.net/browsers
• GTmetrix：网站在线性能测试分析、优化建议。
  https://gtmetrix.com/
• HttpWatch：一款强大的网页HTTP数据分析软件。
  https://www.httpwatch.com/
• Google PageSpeed Insights：Google在线性能测试网站、优化建议。
  http://developers.google.com/speed/pagespeed/insights/
• W3C HTML验证：W3C的HTML有效性验证。
  http://validator.w3.org/
• W3C CSS验证：W3C的CSS有效性验证。
  http://jigsaw.w3.org/css-validator/

• 高质量免费版权的图库素材：提供高质量且免费的图片素材。
• 免费高清灵感图片：提供高清的灵感图片。
• 免费高清摄影图库：提供高清的摄影图片。
• 高清壁纸图片分享网站：分享高清的壁纸图片。

• DocSmall：提供文档压缩服务。
• Img.top：提供图片压缩服务。
• Squoosh：提供图片和GIF压缩服务，免费使用，效果也不错。
  

• iPhone各设备屏幕尺寸：提供iPhone各设备的屏幕尺寸信息。
• 移动屏幕尺寸设计规范：提供移动屏幕尺寸设计规范。
  示例
• 微信官方小程序UI样式库：提供微信官方小程序的UI样式库。
• 各大尺寸设备响应式屏幕效果显示：展示各大尺寸设备的响应式屏幕效果。

• 阿里图标库：提供丰富的图标素材，笔者最常用。
  https://www.iconfont.cn/
  

• 草莓图标库：提供多种风格的图标素材。
• 免费商用高质量图标素材：提供可免费商用的高质量图标素材。
• Flation：海量扁平化标准图标库。
• 精美简洁icon：提供精美简洁的图标素材。
• EasyIcon：提供多种图标素材。
• 系统平台风格和web图标库：提供系统平台风格和web图标库。
• 完全可定制和使用的矢量图标库：提供完全可定制和使用的矢量图标库。

• Remove.bg：在线抠图工具，可以快速去除图片背景。
• 在线PS：提供类似PS的在线图片编辑功能。
  

这些网站涵盖了前端开发中的各个方面，从开发工具