--- title: Best HTML posts — January 2021 | daily.dev description: The most upvoted HTML posts from January 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/html/best-of/2021/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/html/best-of/2021/01 og:type: website og:site_name: daily.dev og:title: Best HTML posts — January 2021 | daily.dev og:description: The most upvoted HTML 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 HTML — January 2021 1. 1 [](/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 2. 2 [](/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 3. 3 [](/posts/a-brief-history-of-web-development-js6n9bfoy "A Brief History of Web Development") Article DevDojo · 6y A Brief History of Web Development In 1993, Tim Berners-Lee wrote the first version of HTML. In 1995, a Netscape programmer named Brandan Eich developed a new scripting language called Mocha. In 2005, Ruby became another rising star in the server-side game. In 2009, Ryan Dahl created NodeJS, a way to write that would execute it as a server- side scripting language. 36 3 4. 4 [](/posts/phaser-editor-2d-friendly-web-based-ide-for-making-html5-games-5ndchlcig "Phaser Editor 2D — Friendly web-based IDE for making HTML5 games") Article Product Hunt · 6y Phaser Editor 2D — Friendly web-based IDE for making HTML5 games A comple game IDE with visual tools for layout scenes, make sprite animations and coding (JavaScript/TypeScript) It has a powerful prefab and component systems for making reusable assets. The games are powered by the popular Phaser framework. Embed your own games. 26 1 5. 5 [](/posts/how-to-make-a-landing-page-using-html-scss-and-javascript-6u3zorvre "How to Make a Landing Page using HTML, SCSS, and JavaScript") Article freeCodeCamp · 6y How to Make a Landing Page using HTML, SCSS, and JavaScript How to Make a Landing Page using HTML, SCSS, and JavaScript. Beau Carnes explains how to make a landing page using HTML and SCSS. Visit Beau Carnes' website for more information on how to create your own landing page in the U.S. and around the world. 22 6. 6 [](/posts/components-server-side-vs-client-side-vp-kget2 "Components: Server-Side vs. Client-Side") Article CSS-Tricks · 6y Components: Server-Side vs. Client-Side Web components are reusable bits of HTML code that are written in JavaScript and made functional by the browser. Server components are also reusable, but are compiled into HTML before the browser sees them. Both types of components are still relevant and can help us build super awesome websites. Let’s explore how client and server components differ from one another. 21 7. 7 [](/posts/fixing-smooth-scrolling-with-find-on-page-kfn1ujdak "Fixing Smooth Scrolling with Find-on-Page") Article CSS-Tricks · 6y Fixing Smooth Scrolling with Find-on-Page When you control+f or command+f and search on CSS-Tricks, it’ll scroll very slowly instead of snapping to the result. As someone who uses this shortcut frequently, this is a usability issue for me. Until the Chromium team fixes it, here is a trick how to solve the problem on your own. 20 1 8. 8 [](/posts/why-you-should-stop-writing-server-based-web-apps-esa3jwyy9 "Why You Should Stop Writing Server-Based Web Apps") Article DZone · 6y Why You Should Stop Writing Server-Based Web Apps JAMstack uses a static site generator to create static HTML, CSS, JavaScript, and other assets, and deploys everything to a content delivery network (CDN) The idea is relatively simple. Turn everything you possibly can into pre-rendered markup. Once it reaches the browser, progressively use JavaScript + APIs to make the application as dynamic and personalized as you need it to be. 18 3 9. 9 [](/posts/how-to-manipulate-the-dom---the-ultimate-beginner-s-guide-louawbgjz "How to Manipulate the DOM - the Ultimate Beginner's Guide") Article freeCodeCamp · 6y How to Manipulate the DOM - the Ultimate Beginner's Guide Chibuike Okere is a Nigerian journalist and author. She is best known for her work on the DOM, a form of the Internet. She has written several books on the subject, including one on DOM manipulation. Her latest book, DOM Manipulation, is available now on Amazon. 17 7 [See all HTML archives](/tags/html/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/tags/html/best-of/2021/01#page","url":"https://daily.dev/tags/html/best-of/2021/01","name":"Best HTML Posts — January 2021","description":"The most upvoted HTML posts from January 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/html/best-of/2021/01#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"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":2,"url":"https://daily.dev/posts/refactoring-old-code-arjkzpemg","name":"Refactoring old code"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/a-brief-history-of-web-development-js6n9bfoy","name":"A Brief History of Web Development"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/phaser-editor-2d-friendly-web-based-ide-for-making-html5-games-5ndchlcig","name":"Phaser Editor 2D — Friendly web-based IDE for making HTML5 games"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-make-a-landing-page-using-html-scss-and-javascript-6u3zorvre","name":"How to Make a Landing Page using HTML, SCSS, and JavaScript"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/components-server-side-vs-client-side-vp-kget2","name":"Components: Server-Side vs. Client-Side"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/fixing-smooth-scrolling-with-find-on-page-kfn1ujdak","name":"Fixing Smooth Scrolling with Find-on-Page"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/why-you-should-stop-writing-server-based-web-apps-esa3jwyy9","name":"Why You Should Stop Writing Server-Based Web Apps"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-manipulate-the-dom---the-ultimate-beginner-s-guide-louawbgjz","name":"How to Manipulate the DOM - the Ultimate Beginner's Guide"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"HTML","item":"https://daily.dev/tags/html"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/html/best-of"},{"@type":"ListItem","position":5,"name":"January 2021"}]}]} ```