Some of the more good sites

This article mainly records some of the sites I feel are good, so as to facilitate the memory, browsing.

Top: Front-end Resource tutorials (if you're lucky enough to go in, then I'm sure you'll never leave it alone)

Pinned: resources, tools, tutorials ... Everything..

Top: Recommended sites, apps, including website ranking, remote control, video acceleration ..... Bunker.

　　

MDNOfficial documents

That is, Mozilla Developer Network, the official documents are checked before encountering problems. This is a great official document. Zhang Xin Asahi great god recommended.

　　

More can see front-end navigation (including front-end technology, design, color, image material, site template, etc.)

1. Beginner's Tutorials

This site covers a wide range of html/css, JavaScript (including JQuery, node. js, and so on), server-side languages (PHP, Python, Ruby, C + +, and so on), databases, mobile (including Android, Swift, jquery Mobile and so on), XML, ASP, Web Services, development tools (including Eclipse, Git, Firebug, etc.) and website building (web hosting tutorials, TCP/IP, browser information, etc.), is a very good site.

In addition, this site has a search box on each page, and we can search all the knowledge points inside the site. (Recommended use)

2.w3school

This site covers all aspects of website technology and provides thousands of examples (including jquery) with a detailed reference manual. Recommended, but personally think that its online editor is not very good (flawed AH).

　　

3.jQuery Chinese Documents

This document is set to all the knowledge points in jquery.

4.segmentfault (problem, ask here)

This site is an active question and answer form of the site, there are a lot of good questions to learn, compared to stackoverflow this pure English, this site is a good choice.

5. Zhang Xin Xu-Xin space:

The blog language is known for its simplicity and clarity, and is adept at digging into CSS techniques and internal implementation mechanisms, with a lot of knowledge about CSS.

6. Love Programming (example)

The site has a large collection of front-end programming examples that can be previewed online and available for download. Web site address is www.w 2 b c.com (take out the middle space)

　　

7. Bliss (problem, ask here)

The site is also in the form of questions and answers, there is no understanding can come here to ask questions. Web site address is WWW.D r e a W e r.com (take out the middle space)

8. Nuggets

A high-quality technology community that includes Android, Frontend, IOS, backend, design, products, and more. The above article is more of a high-quality article. Worth a look.

　　

9.codepen.io

This is a foreign site, there are a lot of very creative, interesting things, the source code can be directly seen and modified, you can go to see nothing. and here we can also like Jsfiddle to write code, including HTML, CSS and JS, and more convenient than Jsfiddle.

10.runjs.cn

This is a domestic website, there are many examples, including some very useful examples, including two-level drop-down menu, Carousel Map and so on, very good site, highly recommended.

11.jsrun.net

This site and the above site is very similar, there are examples, but not as good as the previous site, you can see, this site also has a search function.

　　

12.PSD Material Download

Git library, where you can lower PSD footage 13.netease this site introduces the specifications of html/css/engineers. "Do you often encounter the following questions: You can not understand the code he wrote, or read it very difficult, you need to change his code but do not know, or always ask him what is here, change will not affect the other code; You work with him to develop a product, you are always afraid of the code and he has conflict or affect each other Your code is becoming bloated and more difficult to maintain after multiple maintenance. Solving the above problems requires only one method-Read our specifications! ”

14.jq22

There are a variety of packaged plug-ins available to use, but pay for it!

　　

15. Design a collection of sites

This is a few of the design aspects of Cold brother's website. Including designer sites, essential tools, artifact-level, small toys, cool Web pages, useful fonts and excellent abstracts, and more.

　　　

16.icon (picture) (!!!) Very good)

This is Ali's website, there are all kinds of icons available for us to use. Login with GitHub, my account is zzw918. (BitBucket's account is also zzw918)

The pictures here are not only free to download, we can also choose the color and format of the pictures before downloading! Strong!

17.babeljs.io

This site is an online compilation tool for compiling ECMAScript 6 code into ES5, so it is very convenient to use without deploying the environment.

18.js CSS Online compression

The tool to implement online compression is very good.

19.w3cplus

This site has CSS3, sass, JS, SVG and so on.

　　

20.bootstrap Chinese web

　　Can download bootstrap related files, there is less tutorial (generally can't find Ah!) ）。 There are also some jquery manuals that provide CDN acceleration and more. Git and so on. The individual feels its explanation is more humanized, simplifies.

Bootstrap Learning Network

This website is worth recommending! Bootstrap's learning weapon!

21. Generate CSS code online based on your design

Chrome knowledge, and some plugins

Look at this, your chrome is really yours.!!!!!!!!!!!!!!!!!!!!!!!!!!!

23 Internship Just look at this place

Tutorialzine.com

There are many tutorials in this site, including a variety of popular frameworks such as node. JS and the basics of HTML, CSS, and tutorials that support free downloads!!! It's just English, so learn English well!

http://my.36fy.com/

Fq Good and cheap

26.cnodejs.org

This community is the largest community to study node in China, and there are a lot of introductory knowledge and so on, can learn more.

MDN

That is, Mozilla Developer Network, the official documents are checked before encountering problems. This is a great official document. Zhang Xin Asahi great god recommended.

Css-tricks.com

A foreign site about CSS, Zhang Xin Asahi great god recommended.

CSS icon

http://cssicon.space/#/

The icon in this website is written in CSS, very powerful, can learn

Author of user experience designer wenting Zhang from Adobe Typekit, also author of CSS ICON and underline.js

30.http://www.lubiaoqing.com/

Haha, this site has a rich expression pack, purely entertainment ~ ~

31.icon website

The icon on this website can be downloaded for free!! Great! 、

　　

32.http://jsfiddle.net/

This is jsfiddle, on this website, we can edit the corresponding HTML, CSS, JS at any time without bringing our own computer, and view our page on the same page, and must manually click Run to use. The use of Codepen.io is undoubtedly a better choice.

http://jsfiddle.net/

33.https://www.zhihu.com/question/22951927

It's OK to look at this, there are a lot of small projects worth starting to do

34. Beginner Learning

35.react Learning Resources

CSS Properties Daquan

Very good, can see

37.divcss5

This site is very early a site, very good, including a variety of CSS-related knowledge, as well as CSS hack summary and some common effects of the demo and code.

38.http://my.36fy.com/

Accelerator, very good, recommended to use.

39. Website Box

I have to say, this is the best website I have seen so far.

40. Front-end Technology atlas

44. Geek College

The courses above are still quite complete. can refer to, including SEO and so on.

45. Online video--MU class

This is a summary of 10 major web sites, including computer-related courses.

46 Academy Online

This is Tsinghua University's MU class, Refuels! I have to study every day.

47http://www.shouce.ren/

A lot of things, why the popularity of small?

48. Movie Download

YouTube video Download

Enter the URL of the video in YouTube and you can download it.

Node + ejs + MongoDB Build Blog

This tutorial is very detailed, ah, want to go to, GitHub this same-sex dating platform is still using a little.

51. Ruan Yi Feng Nodejs tutorial

Vuejs Getting Started instance

This is one of the best examples of vue that I've seen and highly recommended.

53. Check the site for problems

https://validator.w3.org/check for problems by entering a URL.

Some of the more good sites