Code Monkey home page Code Monkey logo

useful-website-collection's Introduction

useful-website-collection

收藏的对学习前端有用的链接

在线学习

  1. JS 30 days 训练计划
  2. freecodecamp 通关式学习
  3. CSStrick 样式技巧

源码推荐阅读及辅助链接

Vue

  1. Vue.js 源码解析 https://github.com/answershuto/learnVue
  2. Vue.js 源码学习笔记 http://jiongks.name/blog/vue-code-review/
  3. 滴滴FED https://defed.github.io/categories/Vue/

underscore

  1. 韩子迟 underscore-1.8.3.js 源码解读 & 系列文章

JQuery

  1. chokcoco jQuery源码解读 -- jQuery v1.10.2

技术视野

博客

  1. 360奇舞团博客 https://75team.com/archives/
  2. 阮一峰 http://www.ruanyifeng.com/blog/
  3. 张鑫旭 http://www.zhangxinxu.com/
  4. 张云龙 https://github.com/fouber/blog
  5. xufei/blog https://github.com/xufei/blog
  6. mqyqingfeng/Blog https://github.com/mqyqingfeng/Blog
  7. 玉伯lifesinger/blog https://github.com/lifesinger/blog/issues
  8. jawil/blog https://github.com/jawil/blog
  9. sorrycc/blog https://github.com/sorrycc/blog/issues
  10. chokcoco/cnblogsArticle https://github.com/chokcoco/cnblogsArticle

周刊

  1. 前端精读周刊
  2. 奇舞周刊
  3. FEX 百度
  4. javascriptweekly

头条

  1. 国外-javascript头条 http://www.echojs.com/
  2. 国外-medium上的js分类文章 https://medium.com/topic/javascript
  3. hackernoon https://hackernoon.com/
  4. 众成翻译 https://www.zcfy.cc/article/hot
  5. 国内-掘金
  6. 国内 SegmentFault
  7. 国内-知乎

心之向往

  1. dribbble设计稿 https://dribbble.com/
  2. 优秀前端demo展示平台,交互灵感源泉 https://codepen.io/

前端工具

颜色:

  1. 配色参考网站LOLCOLORS https://www.webdesignrankings.com/resources/lolcolors/

  2. 配色参考网站colorhunt http://www.colorhunt.co/

css工具:

  1. 生成渐变色的css代码 https://webgradients.com/

  2. cssruler 帮你可视化理解1px与 1em的差别 https://katydecorah.com/css-ruler/

图片类:

  1. Unsplash高清美图 https://unsplash.com/

  2. 在线压缩图片 http://www.responsivebreakpoints.com/

  3. 阿里巴巴矢量图标库 http://www.iconfont.cn/

兼容性测试:

  1. 各大浏览器的兼容&适配测试 https://www.browserstack.com/

接口:

  1. 快速生成接口文档 https://swagger.io/

  2. 模拟数据 https://easy-mock.com/

手册:

  1. 学习 Web 开发 | MDN https://developer.mozilla.org/zh-CN/docs/Learn

  2. 印记中文 最新的技术类翻译文档https://www.docschina.org

笔记辅助工具:

  1. ProcessOn[流程图、思维导图、原型图、UML、网络拓扑图等] https://www.processon.com/

  2. 语雀(完胜所有博客平台)https://yuque.com/


在线刷题

  1. LeetCode http://www.leetcode.com/

  2. LeetCode解题参考 http://huaren-it.com/


资源

电子书

  1. 图灵社区 http://www.ituring.com.cn/

  2. 鸠摩搜书 https://www.jiumodiary.com/

  3. library genesis http://gen.lib.rus.ec/

视频资源[影视或优秀的视频资源]

  1. eztv找生肉资源首选 https://eztv.ag/

  2. 输入地址即可下载视频[Vimeo,Facebook等视频均可] http://savevideo.me/

  3. vimeo https://vimeo.com

useful-website-collection's People

Stargazers

month avatar  avatar Neokekeke avatar 得不到的知识 avatar

Watchers

James Cloos avatar EmilyYang avatar

Forkers

opt-luo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.