Janet小主的前端工具夹子

一些小站：

• 无穷尽设计可能：https://www.seeseed.com

• 设计网站，用来找壁纸很好用 http://www.hongkiat.com/blog/

• Chrome和Windows主题：ThemeBeta https://www.themebeta.com/

• 超喜欢的前端集市 https://tympanus.net/codrops/collective/

• mac收费软件破解版 https://www.waitsun.com/

• 新产品分享 http://next.36kr.com/posts

• 学习网页新技术 https://platform.html5.org/

• 好玩的代码训练平台 https://www.freecodecamp.cn/

• 在线工具网站 http://tool.lu/

• UI设计工具合集 http://www.xueui.cn/design/online-tools

• 在线图片压缩工具 https://tinypng.com/

• 前端类工具和技术文章 http://www.css88.com/

• 免费图标 http://www.easyicon.net/

• 高清图片分享 https://unsplash.com/

• web前端导航1 https://www.awesomes.cn/

• 前端资源导航2 http://luuman.github.io/FrontEndGuide/V1/

• web前端导航3 http://www.alloyteam.com/nav/

• web前端导航4 https://docs.pfan123.com/

• 创造狮导航 http://www.chuangzaoshi.com/index

• 壁纸站 https://alpha.wallhaven.cc/

• codepen: https://codepen.io/

• 开发者API库：http://devdocs.io

• 找配图的网站 https://www.pexels.com/

• 龙喵网址导航 http://longmiao.wang

• Photoshop 刷子 Brusheezy

• 图标与矢量文件 Find Icons

• 设计灵感 Abduzeedo

• web集市 ThemeForest

• 设计资源站合集 https://resourcecards.com

• 阿根廷的一个素材站点儿合集 Blue vertigo

• web设计资源 Pixeden

• 设计开发书籍 http://www.sitepoint.com/

• 黑客新闻 https://news.ycombinator.com/

• 代码项目 http://www.codeproject.com/

• PPT：http://daohangwan.com/board/bDxb

• 运营：http://daohangwan.com/board/erEd

• 导航湾：http://daohangwan.com

• 行业分析报告：http://radar.itjuzi.com/report

• 产品运营 http://www.chanpin100.com

• UI 设计教程： http://www.xueui.cn

• 设计博主：http://www.ifeiwu.com

• Dribble：https://dribbble.com/uixninja

• 原型设计 摩客：https://www.mockplus.cn/

• 原型工具 proto Proto.io

• 原型工具 powermockup PowerMockup

• 技术站 程序猿：https://www.itcodemonkey.com

• 小资情调的听雨噪音网https://rainymood.com/

• 代码界美图秀秀 carbon.now.sh

• 在线随机颜色 colorspark.app

• easy PDF 在线pdf工具 easypdf.com/cn

• 各种小程序 https://www.damengxiang.me/

• 假的升级界面

• 气泡屏幕保护页面

全球贸易数据分析

• 地球在轨漂浮物查询

• 密码泄露查询

• 教你搜索 - 百度版

• 教你搜索 - Google 版

几个日本的网站设计参考

• 古朴极致的日本東本願寺主页

• 淡雅清新手绘风格的日本善称寺主页

• 淡雅的水墨风格展示型网站

• 樱山——和风元素的设计网站

• 充满声音的音乐制作工作室

• 怪异地震株式会社

• NHK——战后70周年的战争与平和

• 菱健株式会社：和服设计网站

• Aki设计工作室

• The Way——长崎新闻配送员的日行轨迹

• 華鳳溫泉旅館

• Gonguri设计咨询网

一些喜欢的网站模板：

• 网页模板素材：https://html5up.net

• 清爽简约风格的模板：http://stockholmlanding.select-themes.com

• 种类丰富的模板网站：https://themeskingdom.com/wordpress-themes/

• 卡片式的作品展示：https://pixelarity.com

• 全球最大的网页模板量贩网站：https://themeforest.net

• 单页网页： https://onepagelove.com

英文漫画：

• http://www.jspowerhour.com

• http://cowbirdsinlove.com/newreader

• http://abstrusegoose.com/116

• https://www.reddit.com/r/ProgrammerHumor/

• http://www.monkeyuser.com/2017/design-patterns-bureaucracy/

配色网站：

• Color Hunt：http://colorhunt.co

• Coolors：https://coolors.co/browser

• Material Palette：https://www.materialpalette.com

• Adobe Color CC：[https://color.adobe.com/zh/create/color-wheel]

• Color Crush：http://colorcrush.cc/#/

• Colovely：http://colovely.nofach.com

• webgradients : https://webgradients.com/

• LOL Colors：https://www.webdesignrankings.com/resources/lolcolors/

• 提取现有图片配色方案的工具 http://www.colorhunter.com/

• web设计安全色 http://www.bootcss.com/p/websafecolors/

• 在线RGB和十六进制颜色码转换工具 http://www.sioe.cn/yingyong/yanse-rgb-16/

图标类：

• 在线ico图标制作： http://www.iconfont.cn/plus

• 图标下载：http://www.easyicon.net/

• 奥森图标 http://www.thinkcmf.com/font/search.html

• 人物素材：http://pictogram2.com/

• 大图网：http://www.daimg.com/

• 千图网：http://www.58pic.com/

• 智图_图片压缩在线工具：https://zhitu.isux.us/

• 图片压缩：http://www.tuhaokuai.com/

• 图片无损放大：http://waifu2x.udp.jp/

• 阿里巴巴矢量图标库：http://www.iconfont.cn/plus

• 艺术字体在线生成器：http://www.qt86.com/

• 在线小工具 – 设计分类：http://www.xueui.cn/design/online-tools

• 素材中国：http://www.sccnn.com/

• 食品图片下载https://www.foodiesfeed.com/

• Icons8 icons8.com

• iconfont www.iconfont.cn

• iconfinder www.iconfinder.com

• toicon www.toicon.com

字体类

-一个免下载字体，直接在线引用字体的网站 http://www.youziku.com/onlinefont/index

• PS字体库 http://www.psjia.com/pssc/fontxz/list_18_3.html

UI框架

• Element UI http://element-cn.eleme.io/#/zh-CN/component/typography

• SUI http://sui.taobao.org/sui/docs/

• iView admin > https://github.com/iview/iview-admin

• Vue 2.0 优雅的 Material Design UI 组件库 https://muse-ui.org/#/zh-CN

• 移动端 Vue 组件库 https://youzan.github.io/vant/#/zh-CN/intro

• 中国首个开源 HTML5 跨屏前端框架 http://amazeui.org/

web前端插件网站

• jQuery插件1 http://www.jq22.com/

• jQuery插件2 http://www.htmleaf.com/

• 一个强大的模块化前端框架 http://www.layui.com/

• 一个轻量级前端框架 http://www.h-ui.net/index.shtml

PPT模板网站：

• 优品PPT：http://www.ypppt.com/

• 优创PPT：http://www.pptfmxz.com/

• PPT美化大师：http://meihua.docer.com/

• iSlide——让PPT设计简单起来！：https://www.islide.cc/

• 逼格PPT：http://www.tretars.com/

• 我爱PPT：http://www.iloveppt.cn/

源码网站：

• VerySource(源码)：http://www.verysource.com/

• 码云(源码)：https://git.oschina.net/

• CodeForge(源码 问答)：https://www.codeforge.cn/

• GitHub(源码 问答)：https://github.com/

• 开源中国(源码 问答 分享)：https://www.oschina.net/

• 最代码(源码 问答 分享)：http://www.zuidaima.com/

• 编程学习网(源码 分享)：http://www.phpxs.com/

• 前端开发博客(源码 分享)：http://caibaojian.com/

• 知乎(问答)：https://www.zhihu.com/

• ITeye Java编程(问答 分享)：http://www.iteye.com/

• Stack Overflow(问答 分享)：https://stackoverflow.com/

• SegmentFault(问答 分享)：https://segmentfault.com/

• 掘金(分享)：https://juejin.im/

• 博客园(分享)：http://www.cnblogs.com/

• WEB前端(分享)：http://web.jobbole.com/

• CSDN(新闻)：http://www.csdn.net/

编程题库网站：

• 牛客网：https://www.nowcoder.com/

• hihoCoder：http://hihocoder.com/problemset

• 计蒜客：https://nanti.jisuanke.com/

• C语言网：http://www.dotcpp.com/

• 赛码网：http://www.acmcoder.com/index

• [topcoder]

• HackerEarth

• Coderbyte

• Project Euler大概是世界上最受欢迎的编程挑战网站 Project Euler

• Daily Programmer

• Codility Train

• SPOJ

• CodeChef

• CodeEval

• HackerRank

• Talentbuddy

• Codewars

• Rosalind

• FightCode

• Codeforces

• Exercism

• Kaggle

• CodinGame

• freecodecamp.cn

• leetcode.com/

• javascript-puzzlers

网站模板下载：

• 网页模板下载_模板王：http://www.mobanwang.com/mb/

• HTML5模板 ：http://sc.chinaz.com/tag_moban/html5_6.html

• HTML5 UP：https://html5up.net/

• DIV+CSS模板：http://www.cssmoban.com/cssthemes/

• 网页特效代码：http://www.csrcode.cn/

• 网页特效库：http://www.5iweb.com.cn/

• jQuery插件库：http://www.jq22.com/

• jQuery之家：http://www.htmleaf.com/

• 特效网：http://www.zhaotexiao.com/

• 源码之家：http://www.mycodes.net/

一些IT论坛：

• 鱼C工作室：http://www.fishc.com/

• 黑马程序员论坛：http://bbs.itheima.com/forum.php

• 传智播客论坛：http://bbs.itcast.cn/forum.php

• 慕课网猿问：http://www.imooc.com/wenda

• 极客学院技术问答：http://wenda.jikexueyuan.com/

参加在线课程:

edX—参加来自全球最好的大学的在线课程。

Coursera—参加全世界最好的在线免费课程。

Coursmos—随时在任何设备上学习一个微课程。

Highbrow—用邮箱获取bite大小的日常课程

Skillshare—激发你的创造力的在线课程与项目。

Curious—通过在线视频课程提升你的技能。

lynda.com—学习技术、创意和业务技能。

CreativeLive—免费学习来自全世界顶级专家的创意课程。

Udemy—学习真实世界的技能。

学习如何编程

Codecademy—免费的、交互式地学习编程。

Stuk.io—学习如何从头开始编程。

Udacity—赢取业界领导者的认可。

Platzi—有关设计、市场和编程的直播类的课程。

Learnable—学习 web 开发最好的方法。

Code School—通过练手学习编程。

Thinkful—1对1地辅导，提升你的职业生涯。

Code.org—通俗易懂的教程，今天就开始学习编程。

BaseRails—掌握Ruby on Rails 和其它 web 技术。

Treehouse—学习HTML, CSS, iPhone apps 等等。

One Month—一个月学会编程和开发 web 应用。

Dash—学着做一些非常棒的网站。

学会分析处理数据:

DataCamp—在线R语言和数据科学课程。

DataQuest—通过浏览器学习数据科学。

DataMonkey—以一种简单有趣的方式锻炼你的数据分析技巧。

学习新语言:

Duolingo—免费学习一门语言。

Lingvist—200小时学会一门语言。

Busuu—免费的语言学习社区。

Memrise—使用卡片来学习词汇。

知识技能拓展：

TED-Ed—发现精心制作的教育视频。

Khan Academy—访问一个广泛的互动内容库。

Guides.co—被好奇心和热情驱动，发现灵感去把事情做好。

Squareknot—浏览完美的指导。

Learnist—从精心策划的Web、打印的资料和视频内容学习。

Prismatic—基于社区推荐学习一些有趣的知识技能。

Chesscademy—免费学习下棋。

Pianu—在线交互式地学习钢琴。

Yousician—数字时代，你的专属吉他教练。

其他

免费程序员编程书籍大全: https://devfreebooks.github.io/

极客迷科技DIY手工制作社区：http://www.geekfans.com/

在线极客工具大全: http://growthtools.io/

漫画翻译: https://moeka.me/mangaEditor/

在线实用小工具大全： http://cn.piliapp.com/label/all/

特殊符号： http://cn.piliapp.com/symbol/

创客手工: http://www.creativebloq.com/

一个技术社区 https://segmentfault.com/

程序猿专属APP：

第一款：CSDN APP 用途：技术难题解答

第二款：w3cschool app 用途：学技术查资料

第三款：猿圈Oxcoder 用途：笔试面试神器，跳槽求职必备宝典

第四款：程序员客栈 用途：兼职服务平台

第五款：牛客 用途：IT求职神器

设计师APP：

Dribbble
Behance
Pinterest
DN Paper
Houzz
Pinterest
设计癖
Houzz
Design Hunt
榫卯