--- title: Best DEV posts — September 2020 | daily.dev description: The most upvoted DEV posts from September 2020, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2020/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2020/09 og:type: website og:site_name: daily.dev og:title: Best DEV posts — September 2020 | daily.dev og:description: The most upvoted 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 DEV — September 2020 1. 1 [](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 2. 2 [](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 3. 3 [](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 4. 4 [](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 5. 5 [](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 6. 6 [](https://daily.dev/posts/i-m-a-noob-at-reactjs-and-made-this--njrjztxl8 "I'm a noob at ReactJS and made this 😅") Article DEV · 6y I'm a noob at ReactJS and made this 😅 A couple days ago I made a post saying that I was dropping my side-project. One of the goals I wanted to accomplish was to learn ReactJS. Over the past 24 hours, I've spent some time learning the fundamentals of React. In this, I displayed my knowledge of components, props, state management, and styling. 15 3 7. 7 [](https://daily.dev/posts/solid-software-design-principles-be-a-better-developer-s3gnehofx "SOLID: Software Design Principles. Be a better developer") Article DEV · 6y SOLID: Software Design Principles. Be a better developer S.O.L.I.D design principle comes from Object oriented programming guidelines. It is designed to develop software that can be easily maintained and extended; prevents code smells; easy to refractor; promotes agility and finally incorporates rapid + frequent changes quickly without bugs. The principle is a guideline and not a rule. There can be a case when only few principles out of all is required. 16 1 8. 8 [](https://daily.dev/posts/the-ultimate-guide-to-web-performance--cf0hoeg1w "The Ultimate Guide to Web Performance 🚀") Article DEV · 6y The Ultimate Guide to Web Performance 🚀 Use this guide as a reference. There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one post: this post. Use these tips to help you get the most out of your web site. 14 1 9. 9 [](https://daily.dev/posts/machine-learning-apis-for-web-developers-xkxlymif3 "Machine Learning APIs for Web Developers") Article DEV · 6y Machine Learning APIs for Web Developers Machine learning (ML) used to be a tool limited to specialized developers and dedicated teams. Now, thanks to many web service providers and approachable tooling, your applications can use pre-build learning models and machine learning techniques. Microsoft Azure, Google Cloud, Amazon Web Services, and the IBM Cloud all provide similar products. 13 10. 10 [](https://daily.dev/posts/tailwind-css-resources-you-wish-you-had--2rzrfs3pr "Tailwind CSS Resources you wish you had.") Article DEV · 6y Tailwind CSS Resources you wish you had. Tailwind uses a mobile-first breakpoint system and only uses min-width instead of max-width. The most useful method that made my Html file clean and organized is using the @apply method. Instead of making the utility classes be all over the HTML file, I used them on the style.css file. 11 1 11. 11 [](https://daily.dev/posts/this-image-is-also-a-valid-javascript-file-8z2aiyz-8 "This Image Is Also a Valid Javascript File") Article DEV · 6y This Image Is Also a Valid Javascript File Images are usually stored as binary files, while a Javascript file is basically just text. Images have a concrete file format, encoding the data in a certain way. Javascript files have to follow a specific syntax in order to be executable. Can I create an image file that has valid Javascript syntax, so it is also executable? 10 12. 12 [](https://daily.dev/posts/how-to-learn-not-memorize-any-algorithm-or-data-structure-analysis-of-20-problem-solving-techniqu-msstdjlgo "How to learn (not memorize) any algorithm or data structure. Analysis of 20 problem-solving techniques you must know") Article DEV · 6y How to learn (not memorize) any algorithm or data structure. Analysis of 20 problem-solving techniques you must know Programming is about solving problems and here I will dive deep into 20 problem-solving techniques. I will explain each of them, show how to apply them to coding problems, and leave you some exercises so that you can practice on your own. The last section includes a step-by-step guide to learn (not memorize) any algorithm or data structure. 11 [See all DEV archives](/sources/devto/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/sources/devto/best-of/2020/09#page","url":"https://daily.dev/sources/devto/best-of/2020/09","name":"Best DEV Posts — September 2020","description":"The most upvoted DEV posts from September 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2020/09#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/tails---beautify-open-source-tailwindcss-components-l-b4j-jxh","name":"Tails 🌪️ - Beautify open-source TailwindCSS Components"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-flexbox-cheatsheet-v3-zkiwpmhht","name":"“CSS Flexbox Cheatsheet” v3"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/1-line-css-to-center-object-k6i-9q33w","name":"1 line css to center object"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/bootstrap-templates---open-source-and-free-ivgrkri9oq","name":"Bootstrap Templates - Open-Source and Free"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/10-javascript-projects-in-1-hour---coding-challenge-1t5mo3qza","name":"10 JavaScript Projects in 1 Hour - Coding Challenge"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/i-m-a-noob-at-reactjs-and-made-this--njrjztxl8","name":"I'm a noob at ReactJS and made this 😅"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/solid-software-design-principles-be-a-better-developer-s3gnehofx","name":"SOLID: Software Design Principles. Be a better developer"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-ultimate-guide-to-web-performance--cf0hoeg1w","name":"The Ultimate Guide to Web Performance 🚀"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/machine-learning-apis-for-web-developers-xkxlymif3","name":"Machine Learning APIs for Web Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/tailwind-css-resources-you-wish-you-had--2rzrfs3pr","name":"Tailwind CSS Resources you wish you had."},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/this-image-is-also-a-valid-javascript-file-8z2aiyz-8","name":"This Image Is Also a Valid Javascript File"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-learn-not-memorize-any-algorithm-or-data-structure-analysis-of-20-problem-solving-techniqu-msstdjlgo","name":"How to learn (not memorize) any algorithm or data structure. Analysis of 20 problem-solving techniques you must know"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"September 2020"}]}]} ```