--- title: Best Hashnode posts — October 2021 | daily.dev description: The most upvoted Hashnode posts from October 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/10 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — October 2021 | daily.dev og:description: The most upvoted Hashnode posts from October 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 Hashnode — October 2021 1. 1 [](https://daily.dev/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v "18 Awesome Linux Themes For Your Inspiration 🎨😍") Article Hashnode · 5y 18 Awesome Linux Themes For Your Inspiration 🎨😍 The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username. 245 16 2. 2 [](https://daily.dev/posts/7-console-log-alternatives-mwhwymdwc "7 console.log() alternatives") Article Hashnode · 5y 7 console.log() alternatives console.count() is used to check how many times this line has been called. console.assert() is Used to assert that something is truthy. If not, it will log a message to the console.console.group() and console.groupEnd() are used for grouping similar (or different ;) logs together. 198 12 3. 3 [](https://daily.dev/posts/full-stack-developer-roadmap-2021-r2ry0rlky "Full-stack developer roadmap 2021") Article Hashnode · 5y Full-stack developer roadmap 2021 A Full-Stack developer is a developer who can manage both Front End and Back End web development. Front-End developers deal with website design, outlook, and make creative websites. Back-End is managed using programming languages like Java, PHP, Ruby, and Python. 105 11 4. 4 [](https://daily.dev/posts/i-learn-full-stack-development-again-o6mtcp7qo "I Learn Full Stack Development Again") Article Hashnode · 5y I Learn Full Stack Development Again The "Full Stack Open" course aims to introduce people to modern web application development with JavaScript. The main focus of the course is on teaching you how to build single page applications with React that use REST/GraphQL APIs built with Node.js. In this series, I will write about my progress, struggles, wins and learnings regarding my journey to Full Stack Development. 85 5 5. 5 [](https://daily.dev/posts/rare-html-tags-o42pvyntt "Rare HTML Tags") Article Hashnode · 5y Rare HTML Tags An HTML tag is commonly defined as a set of characters constituting a formatted command for a Web page. At the core of HTML, tags provide the directions or recipes for the visual content that one sees on the Web. In this blog I am going to show you some Rare and Useful HTML tags. 62 6 6. 6 [](https://daily.dev/posts/my-first-month-as-a-software-engineer-at-daily-dev-xinpfujgm "My first month as a software engineer at daily.dev") Article Hashnode · 5y My first month as a software engineer at daily.dev It's already been a month since I joined the fantastic team over at Daily.dev. I started work on the 1st of September (A Friday), and I already launched my first ever feature in the wild on Monday. I've never had so much joy in doing my job. 61 15 7. 7 [](https://daily.dev/posts/how-to-overcome-impostor-syndrome-as-a-developer-f1bnm98jy "How to Overcome Impostor Syndrome as a Developer") Article Hashnode · 5y How to Overcome Impostor Syndrome as a Developer The author of a book on how to deal with the 'imposter' syndrome. She says it's common for people to think they are better than they are. But the truth is that they are just as good at their job as the person they are trying to impress. Here she explains how to cope with it. 46 7 8. 8 [](https://daily.dev/posts/how-to-create-animated-toggle-switches-with-just-css-and-implement-a-dark-mode-feature-nmb6suhv2 "How to Create Animated Toggle Switches with Just CSS and Implement a Dark Mode Feature") Article Hashnode · 5y How to Create Animated Toggle Switches with Just CSS and Implement a Dark Mode Feature In this article, we'll learn how to make a toggle switch with just CSS. We'll also learn how a pseudo-element is used to inject content into a page. The end result will give you the ability to change a website's theme from a light to a dark mode. 39 6 9. 9 [](https://daily.dev/posts/13-reasons-why-you-should-use-linux--mu-tcn5b5 "13 Reasons why you should use Linux!!") Article Hashnode · 5y 13 Reasons why you should use Linux!! Linux is the one-stop solution for servers running the internet or for storage of our cloud data. Its open source nature also plays a vital part on its awesomeness. The security and transparency of Linux makes it ideal for the hacking purposes. There is a particular Linux for every possible task, specializing in providing configuration, packages and customization. 34 2 10. 10 [](https://daily.dev/posts/tips-for-css-responsive-design-aqijelhlp "Tips for CSS Responsive design") Article Hashnode · 5y Tips for CSS Responsive design The first line of code to get started with responsive design is to be placed in the head section of the page. You must start with Responsive Header, placing this code inside the head of the HTML page. For responsive design, the best approach is to design a mobile version of your website first. 30 1 11. 11 [](https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-phpstorm-ij1y4htyr "How To Enable Real-Time Merge Conflict Detection in PhpStorm") Article Hashnode · 5y How To Enable Real-Time Merge Conflict Detection in PhpStorm PhpStorm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them. 29 12. 12 [](https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-gag3zhj1i "Secret dev tools for every code newbie") Article Hashnode · 5y Secret dev tools for every code newbie This week we look at some of the best tools for new coders. These tools are not commonly recommended in online tutorials or articles and might not be well-known to code newbies. We also look at a new design tool called Figma, which is like Photoshop remixed with Google Docs. 21 13. 13 [](https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-android-studio-rljlhgtiq "How To See Which Branch Your Teammate Is On In Android Studio") Article Hashnode · 5y How To See Which Branch Your Teammate Is On In Android Studio GitLive lets you see which of your teammates are working on an issue. Click the issue name to see the current version of the issue. Hover over the issue to see how long it has been in the pipeline. Use the tool to help you find your next issue. 20 3 14. 14 [](https://daily.dev/posts/20-javascript-utilities-to-boost-your-productivity-as-a-developer-zbfkawym1 "20+ JavaScript Utilities to Boost Your Productivity As a Developer") Article Hashnode · 5y 20+ JavaScript Utilities to Boost Your Productivity As a Developer In software development, utilities are software tools that add functionality to your code or improve the performance of your application. In this article, we'll go through a fantastic selection of tools that will help you be more productive as a software developer. The list includes Webpack, Cypress, Electron, DayJs, and NestJs. 16 15. 15 [](https://daily.dev/posts/5-common-mistakes-to-avoid-in-html-pjd9v4gnw "5 common mistakes to avoid in HTML") Article Hashnode · 5y 5 common mistakes to avoid in HTML Divs have no semantic structure. Instead of using divs to create headers or footer structures, use "header" and "footer" elements. A link’s text should be explicit and convey where is redirecting the user to, both users and search engines can more easily understand your content and how it relates to other pages. 16 1 16. 16 [](https://daily.dev/posts/5-key-ui-design-principles-for-beginners-gxkcqtq8q "5 Key UI Design Principles For Beginners") Article Hashnode · 5y 5 Key UI Design Principles For Beginners Interfaces are meant to make things easier for the users. If the user doesn't understand how to navigate through an interface, it loses all its purpose. A great UI Design is one that the users don't even notice, yet it creates a seamless user experience. A bad User Interface can create frustration and lead the users to abandon the product. 14 17. 17 [](https://daily.dev/posts/tell-me-about-a-time-you-had-to-handle-pressure-cw4tq7dk7 "Tell Me About A Time You Had To Handle Pressure") Article Hashnode · 5y Tell Me About A Time You Had To Handle Pressure Behavioral Interview Round is also known as the Jedi Interview round at Facebook. The purpose of this interview is to assess whether the candidate will thrive in Facebook's peer-to-peer, minimal process, and unstructured engineering organization. For Software Engineers, the behavioral interview is actually part behavioral and part coding. 13 2 18. 18 [](https://daily.dev/posts/css-pseudo-elements-and-pseudo-classes-demystified-h-kpsn41a "CSS Pseudo-elements and Pseudo-classes demystified") Article Hashnode · 5y CSS Pseudo-elements and Pseudo-classes demystified Pseudo-elements and Pseudo-classes are some of the cool concepts of CSS. So learning it will surely help you when you want to design with CSS. A CSS pseudo-element is used to style specified parts of an element. A pseudo-class is used by W3C to define a special state of an elements. 12 19. 19 [](https://daily.dev/posts/middleware-in-nextjs-12---what-are-they-and-how-to-get-started-with-them-g3erauia7 "Middleware in NextJS 12 - What are they and how to get started with them") Article Hashnode · 5y Middleware in NextJS 12 - What are they and how to get started with them NextJS 12 has a lot of new and exciting features. One of these features is middleware in NextJS. Middleware allows one to modify the response to a request even before it is completed. We can rewrite, redirect, add headers or even stream HTML based on the user's request. 10 2 20. 20 [](https://daily.dev/posts/how-i-landed-a-job-at-daily-dev-y--h0knob "How I landed a job at Daily.dev") Article Hashnode · 5y How I landed a job at Daily.dev Chris Bongers was a senior full-stack developer working in the healthcare sector. He applied for a job at daily.dev, a company looking for a dev advocate. He was offered a permanent contract, which he was over the moon about. He also got an email from the company saying they had an opening for a developer. 10 3 [See all Hashnode archives](/sources/hashnode/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/hashnode/best-of/2021/10#page","url":"https://daily.dev/sources/hashnode/best-of/2021/10","name":"Best Hashnode Posts — October 2021","description":"The most upvoted Hashnode posts from October 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/hashnode/best-of/2021/10#items","numberOfItems":20,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v","name":"18 Awesome Linux Themes For Your Inspiration 🎨😍"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/7-console-log-alternatives-mwhwymdwc","name":"7 console.log() alternatives"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/full-stack-developer-roadmap-2021-r2ry0rlky","name":"Full-stack developer roadmap 2021"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/i-learn-full-stack-development-again-o6mtcp7qo","name":"I Learn Full Stack Development Again"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/rare-html-tags-o42pvyntt","name":"Rare HTML Tags"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/my-first-month-as-a-software-engineer-at-daily-dev-xinpfujgm","name":"My first month as a software engineer at daily.dev"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-overcome-impostor-syndrome-as-a-developer-f1bnm98jy","name":"How to Overcome Impostor Syndrome as a Developer"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-create-animated-toggle-switches-with-just-css-and-implement-a-dark-mode-feature-nmb6suhv2","name":"How to Create Animated Toggle Switches with Just CSS and Implement a Dark Mode Feature"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/13-reasons-why-you-should-use-linux--mu-tcn5b5","name":"13 Reasons why you should use Linux!!"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/tips-for-css-responsive-design-aqijelhlp","name":"Tips for CSS Responsive design"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-phpstorm-ij1y4htyr","name":"How To Enable Real-Time Merge Conflict Detection in PhpStorm"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-gag3zhj1i","name":"Secret dev tools for every code newbie"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-android-studio-rljlhgtiq","name":"How To See Which Branch Your Teammate Is On In Android Studio"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/20-javascript-utilities-to-boost-your-productivity-as-a-developer-zbfkawym1","name":"20+ JavaScript Utilities to Boost Your Productivity As a Developer"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/5-common-mistakes-to-avoid-in-html-pjd9v4gnw","name":"5 common mistakes to avoid in HTML"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/5-key-ui-design-principles-for-beginners-gxkcqtq8q","name":"5 Key UI Design Principles For Beginners"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/tell-me-about-a-time-you-had-to-handle-pressure-cw4tq7dk7","name":"Tell Me About A Time You Had To Handle Pressure"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/css-pseudo-elements-and-pseudo-classes-demystified-h-kpsn41a","name":"CSS Pseudo-elements and Pseudo-classes demystified"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/middleware-in-nextjs-12---what-are-they-and-how-to-get-started-with-them-g3erauia7","name":"Middleware in NextJS 12 - What are they and how to get started with them"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/how-i-landed-a-job-at-daily-dev-y--h0knob","name":"How I landed a job at Daily.dev"}]},{"@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":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/hashnode/best-of"},{"@type":"ListItem","position":5,"name":"October 2021"}]}]} ```