--- title: Best HTML posts — October 2023 | daily.dev description: The most upvoted HTML posts from October 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/html/best-of/2023/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/html/best-of/2023/10 og:type: website og:site_name: daily.dev og:title: Best HTML posts — October 2023 | daily.dev og:description: The most upvoted HTML posts from October 2023, 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 — October 2023 1. 1 [](/posts/the-roadmap-to-web-dev-mastery-best-resources--yfvsltyo0 "The Roadmap to Web Dev Mastery (Best Resources)") Article DEV · 3y The Roadmap to Web Dev Mastery (Best Resources) Learn about the complexities of today's web development landscape, including frameworks and libraries. Acquire skills for free through resources and avoid critical mistakes. Grasp the workings of a website, delve into front-end mastery with HTML, CSS, and JavaScript, optimize workflow with JavaScript frameworks, build a portfolio, and explore back-end mastery. Bright Data provides a valuable tool for accessing web data. 158 4 2. 2 [](/posts/tailwind-css-it-looks-awful-and-it-works-hfnsrldvi "Tailwind CSS: It looks awful, and it works") Article Laravel News · 3y Tailwind CSS: It looks awful, and it works Adam Wathan explains why 'separation of concerns' isn't the right way to think about the relationship between HTML and CSS. He also shares tips, tricks, and best practices for using Tailwind CSS effectively. 80 4 3. 3 [](/posts/horizon-ui-landing-kit---landing-library-kit-for-tailwind-css-html-figma-5blh5veep "Horizon UI Landing Kit - Landing Library Kit for Tailwind CSS, HTML & Figma") Article Product Hunt · 3y Horizon UI Landing Kit - Landing Library Kit for Tailwind CSS, HTML & Figma Horizon UI Landing Kit is a valuable product that can be continuously improved based on user feedback. 70 4. 4 [](/posts/the-javascript-open-source-ebook-7p8dzly2f "The JavaScript open-source ebook") Article DEV · 3y The JavaScript open-source ebook Some Drops of JavaScript is an open-source book that collects useful, unknown, and underrated JavaScript functions. The book can be read online and contributions to the project are welcome. Various ways to contribute include writing pages for JavaScript functions, reviewing and editing content, suggesting new JavaScript functions, and proposing design changes. The book is available in HTML format. 47 5. 5 [](/posts/how-to-work-with-images-in-html-a-beginner-s-guide-a1qy3gm7v "How to Work with Images in HTML – A Beginner's Guide") Article freeCodeCamp · 3y How to Work with Images in HTML – A Beginner's Guide Learn how to work with images in HTML, including how to insert an image, the different image file formats, controlling image size, image alignment, creating image links, making images responsive, loading images from external sources, and ensuring image accessibility. 41 6. 6 [](/posts/how-to-center-text-vertically-with-css-cn7sdvecr "How to Center Text Vertically with CSS") Article freeCodeCamp · 3y How to Center Text Vertically with CSS Learn how to vertically center text inside a div or other element using line height, Flexbox, or CSS Grid. 38 1 7. 7 [](/posts/what-s-new-in-svelte-october-2023-agkc5q1ow "What's new in Svelte: October 2023") Article Svelte Blog · 3y What's new in Svelte: October 2023 Svelte 5 is previewed and includes Runes for managing reactive variables. Svelte 4.2.1 has been released with fixes to HTML, CSS, and sourcemap compilation. SvelteKit now has a catch-all handler for unimplemented server requests. The Svelte Summit Fall is happening soon. 21 8. 8 [](/posts/how-to-build-your-first-web-component-pw5c7fkfe "How to Build Your First Web Component") Article freeCodeCamp · 3y How to Build Your First Web Component A web component is a custom HTML element that you define, with its own tag name. This guide is intended as a gentle introduction to the concept, so it won't cover some more advanced aspects such as templates, slots, or shadow DOM. Web components are a nice way to add some extra functionality to your app. 18 9. 9 [](/posts/forms-in-html-how-to-build-basic-forms-with-html-0hytq924o "Forms in HTML – How to Build Basic Forms with HTML") Article freeCodeCamp · 3y Forms in HTML – How to Build Basic Forms with HTML Learn how to build basic forms in HTML using the

, , and elements. Explore various input types such as text, password, radio buttons, checkboxes, and submit buttons. Understand the importance of accessibility in HTML forms and the use of semantic HTML, labeling, descriptive text, keyboard accessibility, error handling, ARIA roles and attributes, and fieldset and legend elements. Also, consider mobile responsiveness and how to create a complete form. 16 10. 10 [](/posts/creating-a-scrollable-div-area-stksjmd3y "Creating a Scrollable DIV Area") Article Kirupa · 3y Creating a Scrollable DIV Area This article provides a tutorial on creating a scrollable DIV area in HTML and CSS. It explains the main sections of a scrollable area and demonstrates how to style it. It also introduces the overflow property in CSS and shows how to align an image with text vertically. 16 11. 11 [](/posts/js13kgames-2023-winners--1katefjny "js13kGames 2023 winners 🏆") Article GitHub Blog · 3y js13kGames 2023 winners 🏆 js13kGames is an annual online game development competition that challenges participants to create a themed HTML5 game using only 13 kilobytes of JavaScript. Congratulations to all the winners and organizers of this year's event. Game Off, a month-long game jam, is also starting soon. 13 [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/2023/10#page","url":"https://daily.dev/tags/html/best-of/2023/10","name":"Best HTML Posts — October 2023","description":"The most upvoted HTML posts from October 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/html/best-of/2023/10#items","numberOfItems":11,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-roadmap-to-web-dev-mastery-best-resources--yfvsltyo0","name":"The Roadmap to Web Dev Mastery (Best Resources)"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tailwind-css-it-looks-awful-and-it-works-hfnsrldvi","name":"Tailwind CSS: It looks awful, and it works"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/horizon-ui-landing-kit---landing-library-kit-for-tailwind-css-html-figma-5blh5veep","name":"Horizon UI Landing Kit - Landing Library Kit for Tailwind CSS, HTML & Figma"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-javascript-open-source-ebook-7p8dzly2f","name":"The JavaScript open-source ebook"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-work-with-images-in-html-a-beginner-s-guide-a1qy3gm7v","name":"How to Work with Images in HTML – A Beginner's Guide"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-center-text-vertically-with-css-cn7sdvecr","name":"How to Center Text Vertically with CSS"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/what-s-new-in-svelte-october-2023-agkc5q1ow","name":"What's new in Svelte: October 2023"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-build-your-first-web-component-pw5c7fkfe","name":"How to Build Your First Web Component"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/forms-in-html-how-to-build-basic-forms-with-html-0hytq924o","name":"Forms in HTML – How to Build Basic Forms with HTML"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/creating-a-scrollable-div-area-stksjmd3y","name":"Creating a Scrollable DIV Area"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/js13kgames-2023-winners--1katefjny","name":"js13kGames 2023 winners 🏆"}]},{"@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":"October 2023"}]}]} ```