--- title: Best Hashnode posts — December 2021 | daily.dev description: The most upvoted Hashnode posts from December 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/12 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — December 2021 | daily.dev og:description: The most upvoted Hashnode posts from December 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 — December 2021 1. 1 [](https://daily.dev/posts/using-notion-to-organise-programming-topics-zatwt0etq "Using Notion to organise programming topics") Article Hashnode · 5y Using Notion to organise programming topics Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge. 229 21 2. 2 [](https://daily.dev/posts/25-must-visit-killer-websites-for-developers--x-vchrud "25 Must-Visit Killer Websites For Developers") Article Hashnode · 5y 25 Must-Visit Killer Websites For Developers There are so many websites to make the work of developers easier. In this article, we will see 25 Must-Visit Killer Websites For Developers. DevDocs brings together numerous API documentation in a single, searchable interface. Code Beautify makes your source code more beautiful and easy to read. 156 11 3. 3 [](https://daily.dev/posts/github-copilot-is-here-to-stay-re4jlitud "GitHub Copilot is here to stay") Article Hashnode · 5y GitHub Copilot is here to stay AI used to be a buzzword, Just as Crypto or Blockchain is today. It was thrown around inflationary until everyone knew the term but did not really know what it was all about. Products were meant to have AI as a marketing stunt while not really including the AI they overpromised. But then there was GitHub Copilot. 65 6 4. 4 [](https://daily.dev/posts/how-i-made-10-000-revenue-in-one-month-with-my-first-info-product-vycaxsqpc "How I made $10,000 revenue in one month with my first info product") Article Hashnode · 5y How I made $10,000 revenue in one month with my first info product Kent Clothier made $10,000 from his first eBook in one month. It took him 8 months of inconsistent tweeting to get to 1,500 followers. He followed his mentor's advice to build a Twitter network on the same day he met his mentor again. He is currently working on his second eBook. 43 4 5. 5 [](https://daily.dev/posts/easy-ways-to-center-a-div-dmmzkhyb2 "Easy ways to center a div") Article Hashnode · 5y Easy ways to center a div Using CSS Grid and Flexbox, we can center a .div using margin:auto in our flex item. Using the position property requires a few more lines of code, but don't worry! It's still an easy way. We first need to set the position of our parent element to relative, followed by our child element position to absolute. 37 2 6. 6 [](https://daily.dev/posts/why-you-should-keep-a-programming-journal-b16f57-e8 "Why You Should Keep a Programming Journal") Article Hashnode · 5y Why You Should Keep a Programming Journal Journaling can help you articulate your thoughts. It can also help you stay motivated on long-term projects. Log your successes along the way, perhaps in the back of your notebook. A bug-tracker might be great for tracking todos and bugs, but a journal can be better for tracking topics, questions, and other “things” 36 7. 7 [](https://daily.dev/posts/jobs-in-web3---how-i-landed-a-job-in-4-months-nexfyqqd0 "Jobs in Web3 - How I landed a job in 4 months") Article Hashnode · 5y Jobs in Web3 - How I landed a job in 4 months The author is a developer and technical writer for web3\. He says there is a lack of opportunities for junior developers in the web3 space. The fastest way to learn web3 is to join a web3 developer group, he says. For more information on how to get a job in web3, visit ETH Global. 35 4 8. 8 [](https://daily.dev/posts/the-ultimate-linux-cheatsheet-aut5ns45u "The Ultimate Linux Cheatsheet") Article Hashnode · 5y The Ultimate Linux Cheatsheet Linux is a Unix-like, Kernal based, fully-memory protected, multitasking operating system. It is open-source software that runs on a wide range of hardware, from PCs to even Macs. Some commands may not work for you correctly due to issues like missing packages, differences in versions. 32 4 9. 9 [](https://daily.dev/posts/2021-tech-highlights-best-software-for-dev-teams-nv-hvo8i6 "2021 Tech Highlights: Best Software For Dev Teams") Article Hashnode · 5y 2021 Tech Highlights: Best Software For Dev Teams The last 12 months were filled with constant learning and adapting to the new trends that completely changed the way we used to work. The challenges we faced pushed us into searching for convenient software that could help us handle the new normal. In this short post, I would like to share with you the discoveries I made this year in the field of developer tools. 31 6 10. 10 [](https://daily.dev/posts/introducing-gitlive-s-early-access-program-for-vs-code-551ut-qsf "Introducing GitLive's Early Access Program for VS Code") Article Hashnode · 5y Introducing GitLive's Early Access Program for VS Code GitLive’s Early Access Program is now available in VS Code. By joining the EAP you can test our latest features before the major release. Your feedback will help us address issues and make sure that an updated version of the app will meet your expectations. 22 11. 11 [](https://daily.dev/posts/announcing-advent-of-javascript---a-free-series-of-javascript-challenges-uqc-kcdox "Announcing Advent of JavaScript - A FREE Series of JavaScript Challenges") Article Hashnode · 5y Announcing Advent of JavaScript - A FREE Series of JavaScript Challenges For 24 days, you'll get to develop your JavaScript skills with one new challenge each day. Each challenge includes: All the HTML and CSS you need to get started, allowing you to focus on the JavaScript. A brief on how to get start, ways to push yourself, and steps to help you get started. 22 2 12. 12 [](https://daily.dev/posts/building-a-chrome-extension-using-javascript-l1gc9zu6d "Building a Chrome extension using JavaScript") Article Hashnode · 5y Building a Chrome extension using JavaScript In this blog, we're going to walk you through creating a basic Chrome extension called CryptoBase. This kind of extension fires a browser notification based on the fulfilment of specific business logic. We'll also be keeping everything as per the Manifest V3(MV3) framework while building our extension. 20 1 13. 13 [](https://daily.dev/posts/typewriter-effect-css-oq5yv6uuk "Typewriter effect CSS") Article Hashnode · 5y Typewriter effect CSS In this article, we'll be creating a typewriter effect in CSS. We won't be needing any JavaScript to achieve this effect. We just need a paragraph or text element that we can manipulate. Let's start by adding the blinking type caret at the end. 18 4 14. 14 [](https://daily.dev/posts/introducing-gitlive-s-early-access-program-for-jetbrains-y-hkc5bxi "Introducing GitLive's Early Access Program for JetBrains") Article Hashnode · 5y Introducing GitLive's Early Access Program for JetBrains GitLive 15.0.0 is now available via the EAP channel on the JetBrains marketplace. The Early Access Program is available to teams that use Jet brains IDEs (VS Code support coming soon)! By joining GitLive’s EAP you can test our latest features before the major release. 15 15. 15 [](https://daily.dev/posts/intro-to-prisma-and-typescript-x38rqqq41 "Intro to Prisma and TypeScript") Article Hashnode · 5y Intro to Prisma and TypeScript Prisma is a next-gen "ORM" with a unique "data-mapper" model. Prisma also offers a database migration tool called Prisma Migrate and a nice GUI that allows you to visualize and update data. This tutorial will assume a basic knowledge of JavaScript, TypeScript, and Database Terminology. 11 16. 16 [](https://daily.dev/posts/create-an-animated-sidebar-with-tailwindcss-in-react--6xit-qeap "Create an animated sidebar with TailwindCSS in React💫") Article Hashnode · 5y Create an animated sidebar with TailwindCSS in React💫 In many apps you need a sidebar/drawer which slides in if you click on a hamburger icon. In this tutorial, we are going to see how to build that. We will also add some conditional classes to the main div to make it easier to use. 11 3 17. 17 [](https://daily.dev/posts/design-privacy-settings-at-facebook-oky-ejs9y "Design Privacy Settings At Facebook") Article Hashnode · 5y Design Privacy Settings At Facebook The privacy implementation design can be fairly complex, so we will limit it to a few core features that can be covered in a 45-minute interview round. You can use the following framework to better answer the Design Facebook Privacy Settings question in the interview. It will help you to maintain focus and answer it better. 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/12#page","url":"https://daily.dev/sources/hashnode/best-of/2021/12","name":"Best Hashnode Posts — December 2021","description":"The most upvoted Hashnode posts from December 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/12#items","numberOfItems":17,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/using-notion-to-organise-programming-topics-zatwt0etq","name":"Using Notion to organise programming topics"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/25-must-visit-killer-websites-for-developers--x-vchrud","name":"25 Must-Visit Killer Websites For Developers"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/github-copilot-is-here-to-stay-re4jlitud","name":"GitHub Copilot is here to stay"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-i-made-10-000-revenue-in-one-month-with-my-first-info-product-vycaxsqpc","name":"How I made $10,000 revenue in one month with my first info product"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/easy-ways-to-center-a-div-dmmzkhyb2","name":"Easy ways to center a div"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/why-you-should-keep-a-programming-journal-b16f57-e8","name":"Why You Should Keep a Programming Journal"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/jobs-in-web3---how-i-landed-a-job-in-4-months-nexfyqqd0","name":"Jobs in Web3 - How I landed a job in 4 months"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-ultimate-linux-cheatsheet-aut5ns45u","name":"The Ultimate Linux Cheatsheet"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/2021-tech-highlights-best-software-for-dev-teams-nv-hvo8i6","name":"2021 Tech Highlights: Best Software For Dev Teams"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/introducing-gitlive-s-early-access-program-for-vs-code-551ut-qsf","name":"Introducing GitLive's Early Access Program for VS Code"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/announcing-advent-of-javascript---a-free-series-of-javascript-challenges-uqc-kcdox","name":"Announcing Advent of JavaScript - A FREE Series of JavaScript Challenges"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/building-a-chrome-extension-using-javascript-l1gc9zu6d","name":"Building a Chrome extension using JavaScript"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/typewriter-effect-css-oq5yv6uuk","name":"Typewriter effect CSS"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/introducing-gitlive-s-early-access-program-for-jetbrains-y-hkc5bxi","name":"Introducing GitLive's Early Access Program for JetBrains"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/intro-to-prisma-and-typescript-x38rqqq41","name":"Intro to Prisma and TypeScript"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/create-an-animated-sidebar-with-tailwindcss-in-react--6xit-qeap","name":"Create an animated sidebar with TailwindCSS in React💫"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/design-privacy-settings-at-facebook-oky-ejs9y","name":"Design Privacy Settings At Facebook"}]},{"@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":"December 2021"}]}]} ```