是不是很酷的样子，http://jsdig.com/

方法一

• Fork到自己仓库
• 修改根目录的data.json文件
• Pull requests给我 哈！哈！哈！

在当今信息爆炸的网络世界中，前端开发者们常常面临着一个共同的挑战：在无尽的资源中寻找最适合的工具和资料。

W3school

W3school 是一个非常好Web开发以及学习的网站，其上内容几乎涵盖了Web端开发所需要的所有技术，例如HTML, CSS, JavaScript, PHP, SQL等等。其上资源几乎全部免费，并且提供了很多的入门级的实例代码。无论是专业开发者还是初学者，都可以快速掌握相关方法的使用。强烈推荐初学者使用。

作者｜Dhruv Joshi

前端的简介

前端又称web前端，web顾名思义就是网页，所以大部分人的理解就是前端就是做网页的。但其实并不是，前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互的过程。以前的前端确实就是单纯的用DreamWeaver以及其它一系列的软件做静态网页，但随着互联网技术的不断发展，网站开发的难度加大，网页从静态发展为动态，交互效果更加强大。

加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品

如果评选近几年互联网行业最火的职位，产品经理一定可以排到前三。到如今，很多人毕业之后直接担任了产品经理/助理的岗位，这也得益于产品岗俨然已成为了很多企业校招时的重头戏。

与直接以产品经理岗位为职业起点的应届生不同，业内也存在很多优秀的产品经理是由如开发、视觉设计等其它岗位转化过来。对于转岗做产品的人来说，先前的工作经验无疑在一定程度上也增加了自身的优势。

毋庸置疑，善用工具可以加速开发，拉满开发效率，减少996的频率，提高我们的生活质量。

今天给小伙伴们分享30个前端相关学习资源网站及一些在线小工具，希望能帮助到大家。

CSS 相关

1、css 精灵牛 | 在线图片CSS生成工具。

之前也写过一期前端程序员兼职接单的方法，但有粉丝私信说文章中前端接单的网站是比较少的，对想要找更多的网站对比下，今天就给大家做一个补充，希望能够帮到有需要的同学哦~