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.
Software Engineer at Cotocus PVT LTD.
Be a Full Stack Developer and eager to learn new Technology.
Knowledge: CSS, Bootstrap, Javascript, PHP, WordPress, Joomla, Moodle, Laravel, AJAX, Jquery, Java, Dart, Flutter, Photoshop, CorelDraw, Pagemaker
& Office Package
Knowledge: CSS, Bootstrap, Javascript, PHP, WordPress, Joomla, Moodle, Laravel, AJAX, Jquery, Java, Dart, Flutter, Photoshop, CorelDraw, Pagemaker
& Office Package
Latest posts by Chandan Kumar (see all)
- How to share files between two computers? - June 5, 2021
- 302 Found: What It Is and How to Fix It? - May 25, 2021
- Laravel 5.5 Method paginate does not exist - May 15, 2021