--- title: Best developer posts — September 2020 | daily.dev description: The most upvoted daily.dev posts from September 2020, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2020/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2020/09 og:type: website og:site_name: daily.dev og:title: Best developer posts — September 2020 | daily.dev og:description: The most upvoted daily.dev posts from September 2020, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of daily.dev — September 2020 1. 1 [](https://daily.dev/posts/s-o-l-i-d-principles-around-you-in-javascript-e4miuj3t5 "S.O.L.I.D. Principles around You, in JavaScript") Article Hashnode · 6y S.O.L.I.D. Principles around You, in JavaScript 51 15 2. 2 [](https://daily.dev/posts/12-html-tags-you-don-t-know-bk3ywdzif "12 HTML Tags You Don't Know") Article Hashnode · 6y 12 HTML Tags You Don't Know 41 3 3. 3 [](https://daily.dev/posts/tails---beautify-open-source-tailwindcss-components-l-b4j-jxh "Tails 🌪️ - Beautify open-source TailwindCSS Components") Article DEV · 6y Tails 🌪️ - Beautify open-source TailwindCSS Components Tails is a (no-config) copy'n paste library of hand-crafted templates and components built in TailwindCSS. All Tails components are free, and always will be! For more information about DevDojo and Hacktoberfest make sure to visit this page. 38 4 4. 4 [](https://daily.dev/posts/the-30-css-selectors-you-must-memorize-jqa3rrvjw "The 30 CSS Selectors You Must Memorize") Article Tuts+ · 6y The 30 CSS Selectors You Must Memorize We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced selectors. Learn CSS: The Complete Guide to CSS. Learn more about how to use CSS with our guide to CSS3. 38 5 5. 5 [](https://daily.dev/posts/the-best-coding-challenges-websites-for-beginners-lojmsuxl2 "The Best Coding Challenges Websites For Beginners") Article daily.dev · 6y The Best Coding Challenges Websites For Beginners There are a plethora of websites where you can practice Data Structures and Algorithms questions. beginners might have a difficult time choosing one. Most of these websites are tailored to experienced developers. In this article, I want to list the best coding challenges for code newbies. 37 4 6. 6 [](https://daily.dev/posts/my-personal-top-15-mac-apps--efrimzqje "My personal top 15 Mac apps 👨‍💻") Article Hashnode · 6y My personal top 15 Mac apps 👨‍💻 This week we look at my personal top 15 Mac apps. I'm actually quite a minimalist in installing and keeping apps, so these 15 are the only "extra" apps I'm using on my device. Let me know on Twitter what your favourite apps for Mac are. 35 1 7. 7 [](https://daily.dev/posts/the-ultimate-vue-cheat-sheet-0itnaxili "The Ultimate Vue Cheat Sheet") Article Hashnode · 6y The Ultimate Vue Cheat Sheet Vue3 comes with a whole lot of new features. In this article we will go through all the fundamentals of Vue2 and Vue3\. Basically a Vue Cheat Sheet to make your life easier. We will break it down into different sections like global APIs, Vue Configs and the rest. 35 2 8. 8 [](https://daily.dev/posts/top-10-visual-studio-code-extensions-you-need-to-install-vt717jpr5 "Top 10 Visual Studio Code extensions you need to install") Article Hashnode · 6y Top 10 Visual Studio Code extensions you need to install Visual Studio Code is an amazing tool for developers. There are a number of extensions you can install to make your life easier. We will walk you through ten of the best ones to help you with your development. The list includes Tailwind CSS IntelliSense, TabNine, Prettier, Live Sass Compiler and Dracula Theme. 34 1 9. 9 [](https://daily.dev/posts/6-apis-7-projects-for-your-portfolio-yuudqaega "6 APIs & 7 Projects for your portfolio") Article Hashnode · 6y 6 APIs & 7 Projects for your portfolio 34 10. 10 [](https://daily.dev/posts/free-web-development-resources-nc4u-1eq6 "Free Web Development Resources") Article Hashnode · 6y Free Web Development Resources Coding Challenge Platforms: codewars.com. Free Hosting: netlify.com, firebase.com and cloudhosting.io. Remote jobs: flexjobs.com., weworkremotely.co and jobspresso.co. Images: unsplash.com; pixabay.com/ouch; drawkit.io/illustrations. 33 2 11. 11 [](https://daily.dev/posts/5-best-practices-for-clean-coding-in-javascript-gcx5xvewq "5 best practices for clean coding in JavaScript") Article Hashnode · 6y 5 best practices for clean coding in JavaScript Clean coding means that you write code for your later self and your co-workers and not for the machine. Here are some of the clean coding practices which I follow while writing Javascript code. These are not framework-specific practices and can be used with any framework. Always write the linear code as much as possible. 31 2 12. 12 [](https://daily.dev/posts/top-10-chrome-extensions-for-developers--qzctkoz4o "Top 10 Chrome extensions for developers 👀") Article Hashnode · 6y Top 10 Chrome extensions for developers 👀 Following my article about the top 10 visual studio code plugins and 5 full-stack projects we are now looking at Chrome extensions. Daily.dev really became my go-to extension! They provide a default opening tab that shows you the most awesome dev news. Grammarly for Chrome works great on all kinds of websites. 31 1 13. 13 [](https://daily.dev/posts/7-simple-rules-to-make-life-better-for-developers-t8ikttzgr "7 Simple Rules to Make Life Better for Developers") Article Hashnode · 6y 7 Simple Rules to Make Life Better for Developers Life is 10% what happens to us and 90% how we respond to it, says Linghesh Ganes. Form new habits continuously and build healthy and positive relationships. Find a mentor to help you change your life for the better, and adapt to the virtual environment. 28 5 14. 14 [](https://daily.dev/posts/css-flexbox-cheatsheet-v3-zkiwpmhht "“CSS Flexbox Cheatsheet” v3") Article DEV · 6y “CSS Flexbox Cheatsheet” v3 The biggest change in this update is the addition of interactive demos to most properties. You will be able to see how each value works just by clicking on the buttons. I’m looking forward to your feedback! Tell me what you like about it and what you would like to see more. 29 3 15. 15 [](https://daily.dev/posts/one-way-to-stay-up-to-date-as-developer-umbcqajzi "One Way To Stay Up To Date As Developer") Article Hashnode · 6y One Way To Stay Up To Date As Developer We all know things are moving fast in the technology sector. There are ways we can curate information, and get only the information that interests us. Daily.dev is a Chrome/Firefox extension, which delivers the best programming news for you. FreeCodeCamp shares articles from their platform in this newsletter. 27 5 16. 16 [](https://daily.dev/posts/introducing-the-new-jsx-transform-or9w0itqn "Introducing the New JSX Transform") Article React · 6y Introducing the New JSX Transform React 17 RC includes support for a new version of the JSX transform. Upgrading to the new transform is completely optional, but it has a few benefits. It will enable future improvements that reduce the number of concepts you need to learn React. There are some performance improvements and simplifications that React.createElement does not allow. 26 1 17. 17 [](https://daily.dev/posts/making-an-awesome-developer-portfolio-dfpypvjgp "Making An Awesome Developer Portfolio") Article daily.dev · 6y Making An Awesome Developer Portfolio Garv Nanwani shares his best tips on building a developer portfolio. A portfolio not only shows your works or what you know, but it represents your journey. The design and overall look of your site are the first things that anyone sees in your portfolio. Put a smiling photo of yours in the portfolio no matter what. 27 3 18. 18 [](https://daily.dev/posts/1-line-css-to-center-object-k6i-9q33w "1 line css to center object") Article DEV · 6y 1 line css to center object We accomplish this by using the place-items property. First, make sure to set the display to grid . Then, set the Place-items to center as shown below.That's it. Your search for a way to put an object in the dead center has finally come to an end. 26 2 19. 19 [](https://daily.dev/posts/bootstrap-templates---open-source-and-free-ivgrkri9oq "Bootstrap Templates - Open-Source and Free") Article DEV · 6y Bootstrap Templates - Open-Source and Free This article presents a curated list with Bootstrap Templates provided for free by open-source enthusiasts (freelancers & agencies) All templates are crafted on top of modern UI kits and based on the permissive license. This open-list will be periodically updated with more cool projects discovered by me or suggested by the Dev audience in the comments section. 26 1 20. 20 [](https://daily.dev/posts/free-web-hosting-providers-for-both-front-end-back-end-applications-1azvysgvi "Free web hosting providers for both front-end & back-end applications") Article Hashnode · 6y Free web hosting providers for both front-end & back-end applications Use VERCEL for any front-end application and HEROKU for any level backend apps. Other websites are also useful when you are deploying static sites. But I recommend you to go through each website and find which one suits your project. I have created a list of free web hosting service providers that I have found. 25 1 21. 21 [](https://daily.dev/posts/my-top-5-apis-for-new-developers--x-expw21 "My Top 5 APIs For New Developers") Article Medium · 6y My Top 5 APIs For New Developers My Top 5 APIs For New Developers. An API, or an ‘Application Programming Interface’, is an interaction aide that allows applications to talk to each other. I wanted to share some of my favourite APIs to play around with, in case any of you are looking to have a practice or want to learn more about the world of APIs. 24 2 22. 22 [](https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui "I made my website 28ms faster with content-visibility 🤓") Article Hashnode · 6y I made my website 28ms faster with content-visibility 🤓 Making use of content-visibility. I read about this CSS property a while ago. But never got round to implementing and testing it. That is until today, so let's see what it actually does. It makes the Time to Interactive 1.1s faster. Even the small numbers matter. 24 3 23. 23 [](https://daily.dev/posts/vs-code-extensions-i-use-daily-8lajzgmca "VS Code Extensions I use Daily") Article Hashnode · 6y VS Code Extensions I use Daily 24 1 24. 24 [](https://daily.dev/posts/windows-terminal-preview-1-4-release-e4cffbsu6 "Windows Terminal Preview 1.4 Release") Article Windows Command Line · 6y Windows Terminal Preview 1.4 Release Windows Terminal Preview is now on version 1.4 and will have the new features listed below. Windows Terminal has moved to 1.3 and has all the features from our previous preview release. You can download both of these builds from the Microsoft Store as well as from the GitHub releases page. 24 2 25. 25 [](https://daily.dev/posts/10-javascript-projects-in-1-hour---coding-challenge-1t5mo3qza "10 JavaScript Projects in 1 Hour - Coding Challenge") Article DEV · 6y 10 JavaScript Projects in 1 Hour - Coding Challenge This is the follow-up challenge after I completed the 10 JavaScript Projects in 10 Hours Coding Challenge a week before. The code is on GitHub and the projects are live here. The Sound Board project took to longest to finish (almost 8 minutes) but I have to say that the most fun to build was the Purple Heart Rain. 24 2 [See all daily.dev archives](/posts/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/posts/best-of/2020/09#page","url":"https://daily.dev/posts/best-of/2020/09","name":"Best Developer Posts — September 2020","description":"The most upvoted daily.dev posts from September 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2020/09#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/s-o-l-i-d-principles-around-you-in-javascript-e4miuj3t5","name":"S.O.L.I.D. Principles around You, in JavaScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/12-html-tags-you-don-t-know-bk3ywdzif","name":"12 HTML Tags You Don't Know"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/tails---beautify-open-source-tailwindcss-components-l-b4j-jxh","name":"Tails 🌪️ - Beautify open-source TailwindCSS Components"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-30-css-selectors-you-must-memorize-jqa3rrvjw","name":"The 30 CSS Selectors You Must Memorize"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-best-coding-challenges-websites-for-beginners-lojmsuxl2","name":"The Best Coding Challenges Websites For Beginners"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/my-personal-top-15-mac-apps--efrimzqje","name":"My personal top 15 Mac apps 👨‍💻"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-ultimate-vue-cheat-sheet-0itnaxili","name":"The Ultimate Vue Cheat Sheet"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/top-10-visual-studio-code-extensions-you-need-to-install-vt717jpr5","name":"Top 10 Visual Studio Code extensions you need to install"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/6-apis-7-projects-for-your-portfolio-yuudqaega","name":"6 APIs & 7 Projects for your portfolio"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/free-web-development-resources-nc4u-1eq6","name":"Free Web Development Resources"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/5-best-practices-for-clean-coding-in-javascript-gcx5xvewq","name":"5 best practices for clean coding in JavaScript"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/top-10-chrome-extensions-for-developers--qzctkoz4o","name":"Top 10 Chrome extensions for developers 👀"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/7-simple-rules-to-make-life-better-for-developers-t8ikttzgr","name":"7 Simple Rules to Make Life Better for Developers"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/css-flexbox-cheatsheet-v3-zkiwpmhht","name":"“CSS Flexbox Cheatsheet” v3"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/one-way-to-stay-up-to-date-as-developer-umbcqajzi","name":"One Way To Stay Up To Date As Developer"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/introducing-the-new-jsx-transform-or9w0itqn","name":"Introducing the New JSX Transform"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/making-an-awesome-developer-portfolio-dfpypvjgp","name":"Making An Awesome Developer Portfolio"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/1-line-css-to-center-object-k6i-9q33w","name":"1 line css to center object"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/bootstrap-templates---open-source-and-free-ivgrkri9oq","name":"Bootstrap Templates - Open-Source and Free"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/free-web-hosting-providers-for-both-front-end-back-end-applications-1azvysgvi","name":"Free web hosting providers for both front-end & back-end applications"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/my-top-5-apis-for-new-developers--x-expw21","name":"My Top 5 APIs For New Developers"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/i-made-my-website-28ms-faster-with-content-visibility--cilhtbdui","name":"I made my website 28ms faster with content-visibility 🤓"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/vs-code-extensions-i-use-daily-8lajzgmca","name":"VS Code Extensions I use Daily"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/windows-terminal-preview-1-4-release-e4cffbsu6","name":"Windows Terminal Preview 1.4 Release"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/10-javascript-projects-in-1-hour---coding-challenge-1t5mo3qza","name":"10 JavaScript Projects in 1 Hour - Coding Challenge"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Explore","item":"https://daily.dev/posts"},{"@type":"ListItem","position":3,"name":"Best of","item":"https://daily.dev/posts/best-of"},{"@type":"ListItem","position":4,"name":"September 2020"}]}]} ```