--- title: Best developer posts — July 2021 | daily.dev description: The most upvoted daily.dev posts from July 2021, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2021/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2021/07 og:type: website og:site_name: daily.dev og:title: Best developer posts — July 2021 | daily.dev og:description: The most upvoted daily.dev posts from July 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 — July 2021 1. 1 [](https://daily.dev/posts/devcard--w5oh-hzey "#DevCard 🤩") Article daily.dev Changelog · 5y #DevCard 🤩 Show off how many articles you've read, your top read topics and your favorite publications. Share your DevCard using the hashtag #DevCard.Generate your #Dev card here: https://app.daily.dev/devcard. New #Devcard will appear at the bottom of the page. 654 113 2. 2 [](https://daily.dev/posts/windows-96-xp1m0m0gh "Windows 96") Article Hacker News · 5y Windows 96 The bootup process will be terminated. You will lose all unsaved information in all applications. Press any key to terminate the boot up process. Press CTRL+ALT+DEL again to restart your computer. WINDOWS 96 is a Microsoft Windows 8 operating system. 208 34 3. 3 [](https://daily.dev/posts/the-ultimate-cheat-sheet-list-for-web-developers-dq615hjqi "The Ultimate Cheat sheet List For Web Developers") Article DEV · 5y The Ultimate Cheat sheet List For Web Developers Cheat sheets are a great way to help you remember all the things you need to know about Web development. These cheat sheets include HTML, CSS, and JAVASCRIPT. Cheatsheets can also be used to teach you how to structure tables, lists, forms. 146 19 4. 4 [](https://daily.dev/posts/how-to-have-a-productive-programming-day-xbvlhk6or "How to have a productive programming day") Article RUBYLAND · 5y How to have a productive programming day productivity is not about ‘hustling’, it’s simply about not being wasteful with my time. Here are some high-level productivity tips I’ve learned over the years. Get up early and go to bed early. When possible, exercise before work. Don’t eat too much. 139 21 5. 5 [](https://daily.dev/posts/git-it-right-git-cheatsheet--fnjjwklqk "Git it Right🔥🔥🚀(Git CheatSheet)") Article DEV · 5y Git it Right🔥🔥🚀(Git CheatSheet) 114 3 6. 6 [](https://daily.dev/posts/javascript-hacks-4kaxmioe3 "Javascript Hacks") Article Geek Culture · 5y Javascript Hacks There are many amazing features in javascript that can make your life much simpler. I have added 20 features that every javascript developer should know. In this blog I have explained some of the most used features of javascript. I will explain more features in next blog, please give feedback in responses. 102 10 7. 7 [](https://daily.dev/posts/vite-is-too-fast--vy2ewfdjl "Vite is too fast!") Article DEV · 5y Vite is too fast! Vite is a build tool created by Evan You (creator of Vue) It provides faster developement experience with instant server start, super fast Hot Module Replacement (HMR) and out of the box support for TypeScript as well. Vite pre-bundles dependencies using esbuild. 101 8 8. 8 [](https://daily.dev/posts/css-3d-card-design-with-rgb-effect-tutorial-w387v2bn2 "CSS 3D Card Design with RGB Effect Tutorial") Article Red Stapler · 5y CSS 3D Card Design with RGB Effect Tutorial In this tutorial, we’re going to show you how to design and create CSS card with animating RGB and 3D tilt effect in just a few minutes. The first tutorial is how to setup the card layout from scratch using CSS. The second tutorial isHow to add 3d tilt effect using tilt.js. You can download the code of this project here. 100 2 9. 9 [](https://daily.dev/posts/how-to-stay-focused-as-a-self-taught-frontend-web-developer--fua0yut-r "How to stay focused 🔍 as a self taught Frontend Web Developer 💻") Article DEV · 5y How to stay focused 🔍 as a self taught Frontend Web Developer 💻 Staying focused is one of the hardest tasks when pursuing a new hobby, goal or project. With these few tips, I can help you stay on track, or prevent you from listening to that doubtful little voice in the back of your head telling you to quit. Don't worry about, React vs Vue vs Angular. They'll come to you when you need 'em. 92 12 10. 10 [](https://daily.dev/posts/the-clean-code-book-for-javascript-developers-a-quick-summary-rxkyeueo "The Clean Code Book for Javascript Developers: A Quick Summary") Article Hacker Noon · 5y The Clean Code Book for Javascript Developers: A Quick Summary This blog post summarizes the book ‘Clean Code’ written by Robert Martin on how to write a readable and maintainable code. We’ll use Javascript to illustrate those rules and best practices. The most important rule for functions is that they should be small. 93 4 11. 11 [](https://daily.dev/posts/the-best-vs-code-extensions-to-supercharge-git-yes-there-s-more-than-gitlens--zcxgc3mt1 "The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)") Article Hashnode · 5y The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!) Git Graph is the most visually appealing way to interact with Git in VS Code. Git Automator allows you to add and commit files with a shortcut. Git Urgent lets you git add all, commit and push with one command. Git Tree Compare compares your working tree against a branch, a tag or commit. 88 8 12. 12 [](https://daily.dev/posts/internet-explorer-finally-dies-062lnpfsv "Internet Explorer finally dies") Article DEV · 5y Internet Explorer finally dies Internet Explorer 11 will be retired and go out of support on June 15, 2022\. Popular JavaScript frameworks have already dropped support, including Vue 3 and Preact 11\. The list of companies that have dropped support is growing by the day, and includes Adobe, Dailymotion, Skillshare, LinkedIn, Twitter, SAP, among many others. 81 12 13. 13 [](https://daily.dev/posts/full-stack-netflix-app-7-hours-free-tutorial--wxojnq5o7 "Full Stack Netflix App (7 hours free tutorial)") Article DEV · 5y Full Stack Netflix App (7 hours free tutorial) "MERN Stack Netflix Clone with an Admin Panel" tutorial. I used Express API, MongoDB, React functional components, hooks with context API. If you want to learn more about web development and practice with real-world projects, you can check my channel out. 81 4 14. 14 [](https://daily.dev/posts/glass-ui-generator---css-generator-from-glassmorphism-idxs6sdzh "Glass UI Generator - CSS generator from glassmorphism") Article Product Hunt · 5y Glass UI Generator - CSS generator from glassmorphism Free CSS generator based on the glassmorphism design specifications. Get started with this free CSS generator. Embed this code into your site or create your own using the code generator below. The code generator is free to use and there is no cost to you. Use the CSS generator to help you with your site. 79 10 15. 15 [](https://daily.dev/posts/node-js-best-practices-for-beginners-and-experts-alike-lt4z8qsec "Node.js Best Practices for Beginners and Experts Alike") Article JavaScript in Plain English · 5y Node.js Best Practices for Beginners and Experts Alike Node.js Best Practices for Beginners and Experts Alike. Rencybeth shares some useful Node.JS best practices to help all kinds of developers to create an efficient and most sustainable application. To write code for cross-platforms, but Linux, you should meet the exact requirement statements. 76 4 16. 16 [](https://daily.dev/posts/to-typescript-or-to-not--nr4bgssku "To Typescript Or To Not?") Article DEV · 5y To Typescript Or To Not? Typescript has over 19 million weekly downloads on NPM. The language is widely used in software products such as Slack, Medium, Asana, or Visual Studio Code. Microsoft (duh!), JetBrains, eBay, Ericsson, airbnb or Ubisoft are all open about using TypeScript. 75 7 17. 17 [](https://daily.dev/posts/toolb-dev---a-set-of-50-free-interactive-css-html-and-js-webtools-mjrlhbbcy "Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools") Article Product Hunt · 5y Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools Toolb.dev provides a set of 50+ and expanding free CSS, HTML and JS webtools for daily usage. Embed Collect is one of the most popular ways to collect data from your web browser. Use this data to help people with reading comprehension and vocabulary. Use the weekly Newsquiz to test your knowledge of stories you saw on this site. 68 8 18. 18 [](https://daily.dev/posts/10-css-tricks-to-improve-your-next-coding-project-cheatsheet--qwzkxcndx "10 CSS Tricks to Improve Your Next Coding Project (Cheatsheet)") Article freeCodeCamp · 5y 10 CSS Tricks to Improve Your Next Coding Project (Cheatsheet) Kolade Chris is the author of CSS Cheat Sheet: 10 Tricks to Improve Your Next Coding Project. He is also the co-author of the book Coding Coding with CSS. His latest book, Coding CSS with CSS, is available now on Amazon. 64 6 19. 19 [](https://daily.dev/posts/solid-software-design-fnhapzll "SOLID Software Design") Article Faun · 5y SOLID Software Design SOLID is an acronym for five computer programming principles intended to make software designs more maintainable and avoid refactoring and code rot. SOLID stands for: S: Single-responsibility principle O: Open–closed principle L: Liskov substitution principle I: Interface segregation principle D: Dependency inversion principle. 63 4 20. 20 [](https://daily.dev/posts/why-software-engineers-choose-linux-over-windows-for-programming-9agymr7fx "Why software engineers choose Linux over Windows for programming") Article Hashnode · 5y Why software engineers choose Linux over Windows for programming Most software engineers choose Linux over Windows for programming. I was a big fan of Windows OS, and have been using it for years. Since I started programming I found that a Linux distro (such as Ubuntu, Manjaro, and Arch) is the best Operating System to start with. 63 7 21. 21 [](https://daily.dev/posts/moving-away-from-reactjs-and-vuejs-on-front-end-using-clean-architecture-aiog5in7g "Moving away from ReactJs and VueJs on front-end using Clean Architecture") Article DEV · 5y Moving away from ReactJs and VueJs on front-end using Clean Architecture This article is an English translation of the original in my blog: Alejándonos de ReactJs y VueJs en el front end usando Clean Architecture. Clean Architecture is the ability to uncouple our application of the delivery mechanism to the user, that is, from the UI framework or library. 63 3 22. 22 [](https://daily.dev/posts/14-vs-code-shortcuts-to-supercharge-your-productivity-7ccs6zry3 "14 VS Code Shortcuts to Supercharge Your Productivity") Article DEV · 5y 14 VS Code Shortcuts to Supercharge Your Productivity Software engineers tend to be extremely efficient beings. Our goal is to optimize everything, not just the code. We don't want to spend 10 seconds looking for something on the GUI. Why would we, when we can do it in 0,1s by using the powerful keyboard shortcuts? Let me share with you the shortcuts I use every day. I bet you don't know many of them! 62 8 23. 23 [](https://daily.dev/posts/daily-dev-android-app--c418yx--s "daily.dev Android app 📱") Article daily.dev Changelog · 5y daily.dev Android app 📱 We have an Android app available for you to download on Google Play. It was super easy to turn our PWA into an app, thanks to the new Trusted Web Activity. Thumbs up to the people at Google!Get it: https://play.google.com/store/apps/details?id=dev.daily. 61 8 24. 24 [](https://daily.dev/posts/how-to-learn-stuff-quickly-rze6ripbq "How To Learn Stuff Quickly") Article Hacker News · 5y How To Learn Stuff Quickly There are two categories of learning: guided and unguided. If you only follow guided resources, you'll wind up in tutorial hell. Mixing unguided learning into guided resources can help you learn more effectively. The tutorial fade is useful because it forces you to pay attention and build the thing over and over. 62 1 25. 25 [](https://daily.dev/posts/10-css-things-i-wish-i-knew-when-i-was-a-beginner-xutjfne6o "10 CSS things I wish I knew when I was a beginner") Article gitconnected · 5y 10 CSS things I wish I knew when I was a beginner Many programmers under-appreciate the role of CSS in a website. Here are a few things I wish I knew when I began developing websites. The list is sorted considering learning curve and adaptability in mind — the easier stuff will come first. The tag might seem very useful at a new developer, but it is NOT important whenever I use it. 61 6 [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/07#page","url":"https://daily.dev/posts/best-of/2021/07","name":"Best Developer Posts — July 2021","description":"The most upvoted daily.dev posts from July 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2021/07#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/devcard--w5oh-hzey","name":"#DevCard 🤩"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/windows-96-xp1m0m0gh","name":"Windows 96"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/the-ultimate-cheat-sheet-list-for-web-developers-dq615hjqi","name":"The Ultimate Cheat sheet List For Web Developers"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-have-a-productive-programming-day-xbvlhk6or","name":"How to have a productive programming day"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/git-it-right-git-cheatsheet--fnjjwklqk","name":"Git it Right🔥🔥🚀(Git CheatSheet)"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/javascript-hacks-4kaxmioe3","name":"Javascript Hacks"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/vite-is-too-fast--vy2ewfdjl","name":"Vite is too fast!"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/css-3d-card-design-with-rgb-effect-tutorial-w387v2bn2","name":"CSS 3D Card Design with RGB Effect Tutorial"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-stay-focused-as-a-self-taught-frontend-web-developer--fua0yut-r","name":"How to stay focused 🔍 as a self taught Frontend Web Developer 💻"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/the-clean-code-book-for-javascript-developers-a-quick-summary-rxkyeueo","name":"The Clean Code Book for Javascript Developers: A Quick Summary"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-best-vs-code-extensions-to-supercharge-git-yes-there-s-more-than-gitlens--zcxgc3mt1","name":"The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/internet-explorer-finally-dies-062lnpfsv","name":"Internet Explorer finally dies"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/full-stack-netflix-app-7-hours-free-tutorial--wxojnq5o7","name":"Full Stack Netflix App (7 hours free tutorial)"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/glass-ui-generator---css-generator-from-glassmorphism-idxs6sdzh","name":"Glass UI Generator - CSS generator from glassmorphism"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/node-js-best-practices-for-beginners-and-experts-alike-lt4z8qsec","name":"Node.js Best Practices for Beginners and Experts Alike"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/to-typescript-or-to-not--nr4bgssku","name":"To Typescript Or To Not?"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/toolb-dev---a-set-of-50-free-interactive-css-html-and-js-webtools-mjrlhbbcy","name":"Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/10-css-tricks-to-improve-your-next-coding-project-cheatsheet--qwzkxcndx","name":"10 CSS Tricks to Improve Your Next Coding Project (Cheatsheet)"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/solid-software-design-fnhapzll","name":"SOLID Software Design"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/why-software-engineers-choose-linux-over-windows-for-programming-9agymr7fx","name":"Why software engineers choose Linux over Windows for programming"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/moving-away-from-reactjs-and-vuejs-on-front-end-using-clean-architecture-aiog5in7g","name":"Moving away from ReactJs and VueJs on front-end using Clean Architecture"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/14-vs-code-shortcuts-to-supercharge-your-productivity-7ccs6zry3","name":"14 VS Code Shortcuts to Supercharge Your Productivity"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/daily-dev-android-app--c418yx--s","name":"daily.dev Android app 📱"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-learn-stuff-quickly-rze6ripbq","name":"How To Learn Stuff Quickly"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/10-css-things-i-wish-i-knew-when-i-was-a-beginner-xutjfne6o","name":"10 CSS things I wish I knew when I was a beginner"}]},{"@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":"July 2021"}]}]} ```