Hey folks, these are the article, videos and awesome blogs which i am going to prefer you in 2021. these resources will help you a lot. so let’s see below what i am going to provide you with my research.
HTML Resources
# | Title | My Thoughts |
1. | HTML: <!DOCTYPE> tag | You will love these basics html tag. |
2. | W3S HTML5 Semantic Elements | Great quick intro to why everything shouldn’t be in a <div> . |
3. | MDN HTML elements reference | what a great info about all html tags. you have to look these explanations once when you are a beginner. |
4. | New Structural Elements in HTML5 | This link will help you to understand elements like <time> , <figure>, <article> etc. |
5. | HTML5 Periodical Table | I really like the concept of this website. this website gives me the feel of like chemistry periodic table. |
6. | Scripts: async, defer | It will give you the best example to embed JS in html files. |
7. | Learn to Code HTML & CSS | It will really a fast crash course of HTML. You will love it. |
8. | metatags.io | One of the best generators to create meta tags for your social media platforms like: Facebook, twitter and LinkedIn etc. |
9. | getwaves.io | Such an awesome website to create awesome waves to separate sections in your website. |
CSS Resources
# | Title | Thoughts |
10. | Bootstrap Documentation | You are very known of this website if you are using bootstrap in your template. so always use this for bootstrap default class and new changes in latest versions. |
11. | Specifics on CSS Specificity | Great breakdown by CSS-Tricks and has nice graphic examples at the end. |
12. | CSS Box Sizing | It will help you to understand, how the box-model works. |
13. | 12 tips for amazing CSS animation | Such and amazing tips on CSS animation with full of brief explanations. |
14. | CSS Layout and Animations | You must read it and it will help you lot on CSS Layout and animations. |
15. | Net Ninja SASS Tutorial | Whenever i visit his channel, He gives me a positive vibes to learn new things in a very easy and cool way. |
16. | Learn Sass In 20 Minutes | if you are a beginner about SASS, then must watch this video first. |
17. | BEM and SASS: A Perfect Match | This blew my mind when introduced how BEM and SASS could be used together. |
18. | getbem.com | It gives an overview from the creators of the popular naming convention. |
19. | BEM by Example | This explanation on BEM is really good, but I especially like how they have a short and full versions of the article. |
20. | MDN Display Docs | Everything you could ever want to know about the powerful display property. |
21. | A Couple of Use Cases for Calc() | calc() is one of the more powerful features in CSS and this article shows some great use cases for it. |
22. | Wes Bos CSS Grid | You can’t argue with free and that Wes Bos is one of the best teachers out there for development. |
23. | CSSmatic | Collection of powerful css generators for gradients, border radius, noise texture and box shadows. |
24. | CSS Tricks Position | after reading this you will know the power of position property. |
25. | Can I Use? | This site lets you know the browser support for every property out there. |
26. | yoksel Flex Cheatsheet | I love the layout and way it lets you visually preview the flexbox properties. |
27. | The 30 CSS Selectors You Must Memorize | It such an super article on CSS selectors. I loved it. |
28. | CSS Lint | This tool will check your code and highlight any errors. |
29. | System Font Stack | Predefined font fallback stacks that can be plugged into a project. |
30. | Neumorphism.io | Just follow and you will understand about Neumorphism. |
31. | Advanced CSS and Sass: Flexbox, Grid, Animations and More! | Udemy has great videos on CSS and other courses also. |
32. | CSS Scroll Shadows | This tool generates shadows that appear based on scroll position with just CSS! |
JavaScript Resources
# | Title | My Thoughts |
33. | JavaScript in 4 Hours | Every developers should watch this videos on JavaScript intro and other things . very well explained. |
34. | javascript.info | This is one of the complete and well explained overview of JS. |
35. | Code Beautify | It is such an great tool to beautify your JavaScript. |
36. | Truthy and Falsy: When All is Not Equal in JavaScript | This article is a great reference for all the instances that a value might be considered true or false. |
37. | What the heck is the event loop anyway? | watch and understand about event loop in JavaScript. |
38. | JavaScript Loops | If I could only read one article to understand common JS loops, this would be the one. |
39. | MDN JS String | Everything I’d ever want to know about strings and where to use them. |
40. | Google Hosted Library jQuery | you must bookmark this url to know about latest jQuery CDN script. |
41. | Public APIs | Great list of public APIs that you can use it very easily in your projects! |
Be with us and be safe. you will get more list soon. Let’s share your best content on CSS, JS and Other web technologies.