共计 2556 个字符，预计需要花费 7 分钟才能阅读完成。
TNTWeb – 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、挪动 APP 等大前端畛域都有所实际和积攒。
目前团队次要反对腾讯新闻各业务的前端开发，业务开发之余也积攒积淀了一些前端基础设施，赋能业务提效和产品翻新。
团队提倡开源共建，领有各种技术大牛，团队 Github 地址：https://github.com/tnfe
俗话说的好，磨刀不误砍柴功，理解并珍藏一些实用性网站，不论是实例教学的集体博客，还是演绎总结的资源整顿，抑或是社区型的大佬星散地，对于咱们的 web 开发来说，都有着事倍功半的成果。
学习先进技术，独特探讨前沿技术，进步本人的外在技术，达到单干共赢。
当初，就让咱们一起来看看他们吧。
一、社区型网站
1.GitHub
(https://github.com/)
GitHub 是通过 Git 进行版本控制的软件源代码托管服务平台。
简略来说，有以下几种性能：代码托管、学习优良的开源我的项目、当资料库、多人合作、搭建博客、社交、个人简历、写作等。还有更多功能，等你来发现。
GitHub 简直是所有程序员必备的网站了，不论你从事或者钻研的是哪种方向，使用的是哪种语言，GitHub 都能给你美妙的学习感触。
2. 前端里 - 专一 Web 开发技术和资源分享
(https://www.yyyweb.com/)
前端里专一于分享最前沿的 web 开发技术，教程、资源和素材，是面向网站开发人员和设计师的学习交流平台。
3. 踏得网 - 沉迷式互联网体验和学习门户
(https://www.techbrood.com/)
当先的沉迷式互联网内容门户，一站式学习、创作和展现。反对中英文双语检索、含糊查问、在线预览和编辑。
外面有很多很酷的动画和特效，总有一款你中意的。
4.CSS-Tricks
(https://css-tricks.com/)
一个国外的优良前端开发博客，次要分享应用 CSS 款式的技巧，教训和教程等。值得前端开发者浏览珍藏的国外网站。你也能够将本人使用 css 进行设计的一些心得放上去，和大家一起进行学习借鉴交换。
5.CSDN- 业余开发者社区
(https://www.csdn.net/)
是寰球出名中文 IT 技术交流平台，创立于 1999 年，蕴含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务，提供原创、优质、残缺内容的业余 IT 技术开发社区。
（这个是小编当初的的学习启蒙网站，毕竟小编的英文程度也就是 just so so，汗颜）
6.JavaScript Fun – 代码库合集（前端工坊）
(https://www.javascript.fun/)
一个汇合当下最风行的 JavaScript 代码库，显示风行排行，开发者能够轻松的找到想要最新的代码插件、工具和博客。
7.Stack Overflow- 编程人员问答网
(https://stackoverflow.com/)
寰球 IT 界最受欢送的技术问答网站之一，一个解决 bug 的社区，称为编程界的十万个为什么。
8.Codrops- 网页设计开发博客
(https://tympanus.net/codrops/)
发表技术文章和网页教程，提供教训，少踩坑，资源很丰盛，很多优良的技术都是从这里来的。
二、工具型网站
1. 每周访客报告
(https://t.co/nuLFTvQhcq?amp=1)
一款收费的数据统计工具，能够获取拜访您网站的用户数据。
2. 小型开发工具
(https://smalldev.tools/)
麻雀虽小，五脏俱全。一款操作简洁明了的小型开发工具，能够帮忙您实现编码、解码、测试等常见工作。
3. 视觉类型量化表
(http://type-scale.com/)
一款可视化在线编辑工具，能够实时编辑款式，预览不同款式之间的差别。
对于 css 初学者来说，会取得一种视觉直观上的体验，学起来是不是就不那么枯燥乏味了呢。
4.Responsively
(https://responsively.app/)
有助于放慢响应式 Web 应用程序的开发，是一款高效率工具。
5. 元标签
(http://metatags.io/)
Meta Tags 是一种为任何网站调试和生成元标签代码的工具。您能够编辑和试验您的内容的标签，而后预览您的网页在 Google、Facebook、Twitter 等上的外观！
6.ReadMe
(https://readme.so/)
在几分钟内直观地创立自述文件的最简略办法。
7. 在线工具
(http://tool.lu/)
外面有很多很有意思的小工具，比方一键抠图、二维码生成、摩斯电码、歇后语、favicon 在线制作、色彩转换等，也有能够在线运行代码的工具哦~
8. 阿里巴巴矢量图标库
（https://www.iconfont.cn/）
iconfont- 国内性能很弱小且图标内容很丰盛的矢量图标库，提供矢量图标下载、在线存储、格局转换等性能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。
（悄咪咪的说一句：小编对这些小小的，萌萌的图案毫无抵抗力）
三、在线 IDE
1. CodePen
(https://codepen.io/)
一个网站前端设计开发平台，针对网站前端代码的一个工具，下面有各种成果的案例特效，能够在他们的 demo 根底上开发本人的前端设计。
2. CodeSandBox
(https://codesandbox.io/)
CodeSandBox 网站提供一个在线开发环境的“沙盒”，支流的框架如 React、Vue、Angular 等，都可即开即用、实时编译预览，十分不便。
3. JS Bin
(https://jsbin.com/?html,output)
一个轻量级在线编辑网站，界面很洁净，长期想调试简略的 HTML 或 JS 代码能够思考来这儿试一试。
当然了，网站在精不在多，找到本人喜爱的、适宜本人的，而后熟练掌握并应用，时不时发个本人的技术小心得，学习笔记什么的，不仅能够播种技术上的晋升，还能给本人的记忆寻找一个能够存储的宝库，何乐而不为呢。
四、团队
TNTWeb – 腾讯新闻前端团队，TNTWeb 致力于行业前沿技术摸索和团队成员集体能力晋升。为前端开发人员整顿出了小程序以及 web 前端技术畛域的最新优质内容，每周更新✨，欢送 star，github 地址：github.com/tnfe/TNT-We…