--- title: Best developer posts — January 2021 | daily.dev description: The most upvoted daily.dev posts from January 2021, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2021/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2021/01 og:type: website og:site_name: daily.dev og:title: Best developer posts — January 2021 | daily.dev og:description: The most upvoted daily.dev posts from January 2021, 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 — January 2021 1. 1 [](https://daily.dev/posts/flexbox-cheat-sheets-in-2021-css-2021-abgptqlxt "FlexBox Cheat Sheets in 2021 || CSS 2021") Article DEV · 6y FlexBox Cheat Sheets in 2021 || CSS 2021 Here's a Tutorial & Cheat Sheet of everything you can do with CSS flexbox. Let's refresh Our CSS Flexbox Memory. The Flexbox architecture work? The flex-items are distributed along the Main Axis and Cross Axis. And, depending on the flex-direction property, the layout position changes between rows and columns. 153 15 2. 2 [](https://daily.dev/posts/how-to-use-https-for-local-development-cesyvvjre "How to use HTTPS for local development") Article web.dev · 6y How to use HTTPS for local development Some APIs that won't work on a deployed HTTP site, will work on http://localhost. mkcert is a tool that helps you do this in a few commands. Never export or share the file rootCA-key.pem mkcert creates automatically when you run mkcert -install. 112 7 3. 3 [](https://daily.dev/posts/learn-css-grid-by-building-5-layouts-in-17-minutes-6id8kmz4i "Learn CSS Grid by Building 5 Layouts in 17 minutes") Article freeCodeCamp · 6y Learn CSS Grid by Building 5 Layouts in 17 minutes Learn CSS Grid by Building 5 Layouts in 17 minutes. Learn how to use CSS Grid to build your own website. Learn more about CSS Grid at the CSS Grid website. For more information on how CSS Grid works, visit www.cssgrid.com. To learn more about the Grid, visit the Grid website at www.cssgrid.org. 97 3 4. 4 [](https://daily.dev/posts/github-metrics-customize-your-profile-with-various-plugins-and-metrics-tlhxqm8zl "GitHub Metrics — Customize your profile with various plugins and metrics") Article Product Hunt · 6y GitHub Metrics — Customize your profile with various plugins and metrics Metrics generates infographics about you so you can embed them on your GitHub profile to let other users know more about you. Display your git stats along with an isometric calendar, favorites music, website performances, last tweets, projects, languages, ... Embed Collect. 91 5 5. 5 [](https://daily.dev/posts/35-free-public-apis-to-improve-productivity-bbjk0bdsx "35+ Free Public APIs to Improve Productivity") Article Hashnode · 6y 35+ Free Public APIs to Improve Productivity The Zoom API is the primary means for developers to access a collection of resources from Zoom. The Twilio Messaging API makes it easy to send and receive SMS and MMS messages and query meta-data about text messages. GIPHY SDK is a top-to-bottom solution for all things GIF in your app. 91 14 6. 6 [](https://daily.dev/posts/music-time-for-spotify--vscode-extension-discover-the-most-productive-music-to-listen-to-as-you-co-fkgf77cxe "Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code.") Article Product Hunt · 6y Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code. Music Time is built on the Code Time plugin and performs machine learning against a range of music metrics. It also uses productivity data from over 70,000 developers to determine song recommendations. Embed this video into your site and share it with your friends. Share this video on your website and blog. 82 9 7. 7 [](https://daily.dev/posts/16-side-project-github-repositories-you-may-find-useful--2rt7-hnu "16 side project GitHub repositories you may find useful") Article Hashnode · 6y 16 side project GitHub repositories you may find useful A Side Project is something you do aside from your main job to fuel your passion while learning something new. The primary purpose of this article is to share the GitHub repositories with relevant details. Each of the repositories has a well-explained readme.md file to guide how to use the project. All these projects are open-source and I hope you find them useful. 82 10 8. 8 [](https://daily.dev/posts/how-to-learn-react-in-2021-the-7-skills-you-need-to-know-jis2quh9t "How to Learn React in 2021: The 7 Skills You Need To Know") Article freeCodeCamp · 6y How to Learn React in 2021: The 7 Skills You Need To Know Reed Barger is the co-founder and CEO of React, a social media company based in San Francisco. He is also the founder of the social media app React. Barger says React will be a key part of the U.S. economy in the next decade. 78 2 9. 9 [](https://daily.dev/posts/the-ten-most-starred-github-repositories-xnd7khwpx "The Ten Most Starred Github Repositories") Article Hacker Noon · 6y The Ten Most Starred Github Repositories Shreya Purohit has curated a curated list of the most helpful repos ever. Public API contains a list of free APIs which can be used for building projects and apps. Coding Interview University is a repository for learners who want to be a software engineer. 77 5 10. 10 [](https://daily.dev/posts/10-fun-apis-to-use-for-your-next-project-ahbq7sige "10 Fun APIs to Use For Your Next Project") Article Hashnode · 6y 10 Fun APIs to Use For Your Next Project A web API (application programming interface) is a tool which tells a system what you want and gives the response back to you. Think of an API as a messenger. I've curated a list of 10 fun APIs to use for your next project. Let me know if you know of any other APIs which would be cool and fun to use. 74 6 11. 11 [](https://daily.dev/posts/a-free-12-hour-coding-bootcamp-to-help-you-decide-whether-coding-is-for-you-2gd-4pnoi "A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You") Article freeCodeCamp · 6y A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You. Ania Kubow will teach you how to code in 12 hours. The bootcamp is free and open to the public. For more information, visit codingbootcamp.org. 68 6 12. 12 [](https://daily.dev/posts/discover-the-best-developer-blogs-on-any-tech-stack-nyzxt7w6q "Discover the best developer blogs on any tech stack") Article Hacker News · 6y Discover the best developer blogs on any tech stack Blogging for Devs Trends is meant to be a fun way to discover the most discussed technical content on Twitter, without doomscrolling your day away. We track 354 of the best technical blogs by developers and industry experts, across over two dozen categories. Points are weighted to reward mentions and replies by individual developers more than likes and retweets. 66 2 13. 13 [](https://daily.dev/posts/top-10-vs-code-extensions-for-2021-qmphxd03n "Top 10 VS Code extensions for 2021") Article LogRocket · 6y Top 10 VS Code extensions for 2021 Visual Studio Code is one of the most widely used code editors in the developer community. One of the reasons for VS Code’s popularity is its many extensions that speed up the development process. In this guide, we’ll explore the 10 VS Code extensions every web developer should know in 2021. 61 7 14. 14 [](https://daily.dev/posts/what-is-proto-in-javascript--emzjamic2 "What is __proto__ in JavaScript?") Article JavaScript in Plain English · 6y What is \_\_proto\_\_ in JavaScript? Every single javascript object created, automatically comes with a \_\_proto\_\_ property. By giving assigning a new function sayHi to Object.prototype , every subsequent object that is created will automatically have that function. The usefulness is entirely up to you to decide. But before you go ahead and make use of \_\_ proto\_\_ in your production apps, do note that it has since been deprecated. 60 5 15. 15 [](https://daily.dev/posts/refactoring-old-code-arjkzpemg "Refactoring old code") Article Hashnode · 6y Refactoring old code A colleague asked me to write an extension on an old codebase. The old code was using loops and wasn't really efficient with the tools we have nowadays. I decided to use the Map method to map the data into the desired format. The last thing we need is to have the array sorted based on the number variable. 57 7 16. 16 [](https://daily.dev/posts/the-react-cheatsheet-for-2021-real-world-examples--t5kmqsd4q "The React Cheatsheet for 2021‬ (+ Real-World Examples)") Article freeCodeCamp · 6y The React Cheatsheet for 2021‬ (+ Real-World Examples) The React Cheatsheet for 2021‬ (+ Real-World Examples) is a set of cheat sheets designed to help you with React. Read the full set ofcheat sheets here: http://www.react.com/cheatsheet/en/home.php?title=React-Cheatsheet-for-2100. 54 1 17. 17 [](https://daily.dev/posts/7-react-projects-you-should-build-in-2021-xcmmp-5rz "7 React Projects You Should Build in 2021") Article freeCodeCamp · 6y 7 React Projects You Should Build in 2021 Reed Barger is the co-founder of React, a social media company based in San Francisco. Barger has worked on a number of React projects, including one that is set to open this year. He is also the founder of React's parent company, React North America. 52 1 18. 18 [](https://daily.dev/posts/5-javascript-tools-to-look-out-for-in-2021-5rkuriai6 "5 JavaScript Tools to Look Out For in 2021") Article SitePoint · 6y 5 JavaScript Tools to Look Out For in 2021 Rollup.js is a next-generation JavaScript module bundler from Rich Harris, the author of Svelte. Snowpack is a fast front-end build tool and a direct competitor to heavyweight options such as webpack and Parcel. Rome aims to unify the front- end development toolchain by providing a linter, compiler, bundler, document generator, formatter, test runner. 50 1 19. 19 [](https://daily.dev/posts/26-built-in-string-methods-javascript-mg0hqt47q "🚀 26 Built-in String Methods | JavaScript") Article Hashnode · 6y 🚀 26 Built-in String Methods | JavaScript There are 26 different built-in string methods in JavaScript. This article looks at some of the most common. There is no need to memorise all of them. By being aware of what ones are available, you will save yourself reinventing them when the time comes that you need one of these. 49 1 20. 20 [](https://daily.dev/posts/introducing-open-web-docs-4mp6vput1 "Introducing Open Web Docs") Article web.dev · 6y Introducing Open Web Docs Open Web Docs is a collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia. It is designed to support a community of technical writers around strategic creation and long-term maintenance of web platform technology documentation that is open and inclusive for all. 48 1 21. 21 [](https://daily.dev/posts/free-mockup-generator-to-show-off-your-work-like-a-pro--cglceris3 "Free Mockup Generator to show off your work like a pro!! 🚀") Article Hashnode · 6y Free Mockup Generator to show off your work like a pro!! 🚀 8 Free Mockup Generators to show off your work like a pro. Mockuuups Studio Mockups Mockup Design Smart Mockups Freepik PSD Repo PSD Freebies Graphberry Free Vectors, Stock Photos and PSD Mockups for free. 48 6 22. 22 [](https://daily.dev/posts/coolest-25-web-design-trends-in-2021-that-ll-rock-the-world-fgg-mtem6 "Coolest 25+ Web Design Trends In 2021, that’ll rock the world") Article Quick Code · 6y Coolest 25+ Web Design Trends In 2021, that’ll rock the world The web design industry is in constant change and heading towards attaining an exceptional edge over traditional methods. Every year, the industry showcases various types of trends and it confuses web designers to find the best ones from the long lists. We have covered most of the significant trends, Although there's a chance we might have missed some. So, do tell us and suggest your favorite in the comment section. 47 3 23. 23 [](https://daily.dev/posts/how-to-study-for-data-structures-and-algorithms-interviews-at-faang-8vckr8zxv "How to Study for Data-Structures and Algorithms Interviews at FAANG") Article The Startup · 6y How to Study for Data-Structures and Algorithms Interviews at FAANG Esco Obong is Senior Software Engineer @Airbnb, Founder of Algorythm study group on Facebook and Black Software Engineers Career Support Group on LinkedIn. He got offers from Google, Amazon, Uber and more without a college degree. How to Study for Data-Structures and Algorithms Interviews at FAANG 45 2 24. 24 [](https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh "5 reasons to start using TailwindCSS") Article DevDojo · 6y 5 reasons to start using TailwindCSS Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful color palette, incluing 8 basic colors with 10 different shades. You can customize colors, spacing, and everything else inside of Tailwind. 43 7 25. 25 [](https://daily.dev/posts/list-of-100-frontend-coding-challenges-never-run-out-of-coding-ideas-ever-again--h7n3e9wae "List of +100 Frontend Coding Challenges — Never run out of coding ideas, ever again.") Article Product Hunt · 6y List of +100 Frontend Coding Challenges — Never run out of coding ideas, ever again. Never run out of coding ideas, ever again. Get access to over 100 front-end challenges by Indrek Lasn. -30% OFF FOR ALL PH USERS! Ever had the urge to code, but had no inspiration or simply lacking the coding ideas? Never run out. 43 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/2021/01#page","url":"https://daily.dev/posts/best-of/2021/01","name":"Best Developer Posts — January 2021","description":"The most upvoted daily.dev posts from January 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2021/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/flexbox-cheat-sheets-in-2021-css-2021-abgptqlxt","name":"FlexBox Cheat Sheets in 2021 || CSS 2021"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-use-https-for-local-development-cesyvvjre","name":"How to use HTTPS for local development"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/learn-css-grid-by-building-5-layouts-in-17-minutes-6id8kmz4i","name":"Learn CSS Grid by Building 5 Layouts in 17 minutes"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/github-metrics-customize-your-profile-with-various-plugins-and-metrics-tlhxqm8zl","name":"GitHub Metrics — Customize your profile with various plugins and metrics"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/35-free-public-apis-to-improve-productivity-bbjk0bdsx","name":"35+ Free Public APIs to Improve Productivity"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/music-time-for-spotify--vscode-extension-discover-the-most-productive-music-to-listen-to-as-you-co-fkgf77cxe","name":"Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code."},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/16-side-project-github-repositories-you-may-find-useful--2rt7-hnu","name":"16 side project GitHub repositories you may find useful"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-learn-react-in-2021-the-7-skills-you-need-to-know-jis2quh9t","name":"How to Learn React in 2021: The 7 Skills You Need To Know"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/the-ten-most-starred-github-repositories-xnd7khwpx","name":"The Ten Most Starred Github Repositories"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/10-fun-apis-to-use-for-your-next-project-ahbq7sige","name":"10 Fun APIs to Use For Your Next Project"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/a-free-12-hour-coding-bootcamp-to-help-you-decide-whether-coding-is-for-you-2gd-4pnoi","name":"A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/discover-the-best-developer-blogs-on-any-tech-stack-nyzxt7w6q","name":"Discover the best developer blogs on any tech stack"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/top-10-vs-code-extensions-for-2021-qmphxd03n","name":"Top 10 VS Code extensions for 2021"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/what-is-proto-in-javascript--emzjamic2","name":"What is __proto__ in JavaScript?"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/refactoring-old-code-arjkzpemg","name":"Refactoring old code"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-react-cheatsheet-for-2021-real-world-examples--t5kmqsd4q","name":"The React Cheatsheet for 2021‬ (+ Real-World Examples)"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/7-react-projects-you-should-build-in-2021-xcmmp-5rz","name":"7 React Projects You Should Build in 2021"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/5-javascript-tools-to-look-out-for-in-2021-5rkuriai6","name":"5 JavaScript Tools to Look Out For in 2021"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/26-built-in-string-methods-javascript-mg0hqt47q","name":"🚀 26 Built-in String Methods | JavaScript"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/introducing-open-web-docs-4mp6vput1","name":"Introducing Open Web Docs"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/free-mockup-generator-to-show-off-your-work-like-a-pro--cglceris3","name":"Free Mockup Generator to show off your work like a pro!! 🚀"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/coolest-25-web-design-trends-in-2021-that-ll-rock-the-world-fgg-mtem6","name":"Coolest 25+ Web Design Trends In 2021, that’ll rock the world"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-to-study-for-data-structures-and-algorithms-interviews-at-faang-8vckr8zxv","name":"How to Study for Data-Structures and Algorithms Interviews at FAANG"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh","name":"5 reasons to start using TailwindCSS"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/list-of-100-frontend-coding-challenges-never-run-out-of-coding-ideas-ever-again--h7n3e9wae","name":"List of +100 Frontend Coding Challenges — Never run out of coding ideas, ever again."}]},{"@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":"January 2021"}]}]} ```