current position:Home>Wed, front-end Personal Learning Websites

Wed, front-end Personal Learning Websites

2022-06-24 09:07:42Secret Shura

1.CodePen:
link : http://codepen.io/.

There are many cool special effects on the website , And you can see the source code of the effect , You can also see the implementation effect , Is a very good front-end development of learning resources website .

This is CodePen A screenshot of the source code of an effect in the website , Isn't it cool !

2.RunJS:
link : http://runjs.cn/.
Click on the square , You can see some effect source code shared by many developers , If you're looking for resources , Do the project , This website is definitely a good choice .

This is also RunJS Source code screenshot of a project in .

3.BestCSSButtonGenerat:
link : http://www.bestcssbuttongenerator.com/.

This website mainly provides all kinds of buttons CSS Code , You can choose from the preset buttons and use the template for your own design , You can also view the source code , Perfect for learning .

4.jsrun: http://jsrun.net
link : http://jsrun.net.
Here you can see the source code of the project , There are some special effects that a lot of people share , It's definitely a good learning resource website .

The screenshot below is jsrun Site in a date control project works source , If you want to use it to learn , It's completely downloadable .

This developer shares his own projects in it , You can see the effect ,JS,HTML,CSS Source code .

5.CodePlayerh:
link : http://thecodeplayer.com/.

The project resources in this website , Not only can we see the source code and project effect , At the same time, you can also see that if the developer is to finalize the effect through line by line code , I think it's very cool , no way , You can go and have a look !web Little two talk , Never cheat .

This is a screenshot of the status of a project knocking code , You can experience it yourself .

6、 Laboratory Building -web:
link : https://www.shiyanlou.com/courses/.

There are also many front-end projects , There are detailed implementation steps , You can follow the project step by step , At the same time, you can download the source code to learn , It's also a good front-end project learning website .

7、html5tricks:
link : http://www.html5tricks.com/.

There are many front-end functions in the website , You can see the effect online , You can also download the source code , It's a good learning resource website .

8、Enjoy CSS:http://enjoycss.com/
link : http://enjoycss.com/.
This website is a complete code generator , You can customize input fields or CSS3 Button , You can also view the source code , Fit to learn .

9、frontendrescue:
link : https://uptodate.frontendrescue.org/.
https://uptodate.frontendrescue.org/

This website shares various resources about the front end on the Internet 、 Daniu and other resources information , It's a good learning website .

10、Coursera:
link : https://www.coursera.org/.

Coursera It's an educational platform , It works with the world's top universities and institutions , Provide free online courses for anyone to learn .

11、Dribbble:https://dribbble.com/
link : https://dribbble.com/.
This is a good quality design website , You can also go shopping often , It's also helpful to improve aesthetics , Even if you don't study design , It helps to see more .

12、TutsPlus:https://tutsplus.com/
link : https://tutsplus.com/.
TutsPlus One is for Web Developers and designers provide tutorials and technical articles for the purpose of the website , Skills and techniques , Improve the ability of users to design and build websites .

13、CAN I USE:http://caniuse.com/
link : http://caniuse.com/.
CAN I USE, A website for browser compatibility .

14、JSHint:http://jshint.com/
link : https://dribbble.com/.
This site is an online JS Detection tools , It can detect JavaScript Errors and potential problems in the code .

15、CSS-tricks:https://css-tricks.com/
link : https://css-tricks.com/.
CSS-tricks It's about using CSS Technology for network development and design of small skills exchange website , There are solutions to various types of problems and in-depth thinking .

16、TechCrunch:
link : https://techcrunch.com/.
https://techcrunch.com/

TechCrunch It's a technology blog site , Mainly to report on emerging Internet companies 、 Comment on new Internet products 、 The main content is to release major breaking news .

17、Webdesigner Depot:
link : http://www.webdesignerdepot.com/.
http://www.webdesignerdepot.com/

This is a web design resource website , Web designer must have site , It covers a lot of tutorials 、 Tools 、 Material and other resources , It's a must visit website

Reference resources :https://blog.csdn.net/sleepwalker_1992/article/details/80602699

copyright notice
author[Secret Shura],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/175/202206240625104852.html

Random recommended