<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/tags/html/best-of/2021/08" -->

---
title: Best HTML posts — August 2021 | daily.dev
description: The most upvoted HTML posts from August 2021, curated by the daily.dev community.
canonical: https://daily.dev/tags/html/best-of/2021/08
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/tags/html/best-of/2021/08
og:type: website
og:site_name: daily.dev
og:title: Best HTML posts — August 2021 | daily.dev
og:description: The most upvoted HTML posts from August 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 — August 2021

1. 1  
[](https://daily.dev/posts/7-trending-projects-on-github-for-javascript-developers-wg-97wojj "7 Trending projects on GitHub for JavaScript developers")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 5y  
7 Trending projects on GitHub for JavaScript developers  
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.  
113  
2
2. 2  
[](https://daily.dev/posts/how-to-link-javascript-to-html-qrk-ez75y "How to Link JavaScript to HTML")  
Article  
![Avatar of honeypot](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/1cc3a75b98b74698a40f57162b30b841)Honeypot · 5y  
How to Link JavaScript to HTML  
JavaScript (JS) empowers web developers to create dynamic web experiences. Utilising Javascript in HTML when developing dynamic web app experiences is a key skill of web devs. HTML’s script tag makes linking JavaScript to HTML simple. The ability to link JS to HTML has made the web a truly dynamic place where anything is possible.  
72  
14
3. 3  
[](https://daily.dev/posts/how-to-create-a-custom-toggle-switch-using-css-xz-ti5lrn "How to create a custom Toggle Switch using CSS")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
How to create a custom Toggle Switch using CSS  
I've learned this technique by Marcus Burnette. You can check his Codepen, there are more such interesting pens. Let's create a simple customized toggle switch using CSS. Initially when I was trying to create this, I founded it very confusing because many developers have created this button but none of explain it how is this working.  
49  
1
4. 4  
[](https://daily.dev/posts/really-why-react--5a6q1pcgu "Really, why React?")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
Really, why React?  
React is a new React-based web framework from Facebook. It's been criticized for being over-engineered and hard-to-understand. One of the biggest issues is the lack of respect for web standards. It also uses a "funny tag syntax \[that\] is neither a string nor HTML"  
35  
8
5. 5  
[](https://daily.dev/posts/uideck-2-0---landing-page-html-templates-and-ui-kits-8ch66-a3c "UIdeck 2.0 - Landing Page HTML Templates and UI Kits")  
Article  
![Avatar of ph](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph)Product Hunt · 5y  
UIdeck 2.0 - Landing Page HTML Templates and UI Kits  
Free and Premium HTML Landing Page Templates and UI Kits - Built with Bootstrap, Tailwind CSS and React. Create and Launch Complete Website and Landing Pages for Your Startup with Beautiful Design Without Coding From Scratch. 40% OFF - Auto Applied! Login to get promo code Embed Collect.  
22
6. 6  
[](https://daily.dev/posts/6-css-shorthand-properties-to-improve-your-web-application-0qukm7njm "6 CSS Shorthand properties to improve your web application")  
Article  
![Avatar of devto](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto)DEV · 5y  
6 CSS Shorthand properties to improve your web application  
CSS is a language used to describe how a web page should look like. With CSS we can set position, colors, fonts, layout of each element in an HTML page. In this blog post I will share some tips to improve your CSS code and the performance of your web app.  
20  
1
7. 7  
[](https://daily.dev/posts/html-email-template-for-beginners-tcvc-zt0h "HTML Email Template for beginners")  
Article  
![Avatar of hashnode](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4)Hashnode · 5y  
HTML Email Template for beginners  
The knowledge I have gained over the past 6-10 months, to create beautiful and compatible HTML email for my company’s campaigns. You can refer the below link for all the CSS properties which you can use while creating any email template. There is one easiest way to create an email template by using table HTML element.  
18
8. 8  
[](https://daily.dev/posts/learn-css-units-em-rem-vh-and-vw-with-code-examples--we6nd2g3y "Learn CSS Units – Em, Rem, VH, and VW with Code Examples ✨✨")  
Article  
![Avatar of freecodecamp](https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp)freeCodeCamp · 5y  
Learn CSS Units – Em, Rem, VH, and VW with Code Examples ✨✨  
Learn CSS Units – Em, Rem, VH, and VW with Code Examples. Learn CSS Units - Em,rem,VH,VW with code examples. Learn more about how to use CSS Units in your code with the CSSUnit tool. Use the CSS Unit tool to help you learn more about CSS Units.  
16  
1
9. 9  
[](https://daily.dev/posts/pre-tag-in-html-example-code-e0svepyxd "<pre> Tag in HTML – Example Code")  
Article  
![Avatar of freecodecamp](https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp)freeCodeCamp · 5y  
<pre> Tag in HTML – Example Code  
Kolade Chris Chris is an award-winning writer and author. He is best known for his book, "The Kolade Man" He is also the author of the book, The Kolade Kid, which is published by Simon & Schuster. Chris is also known as "The Man" and is married to fellow author and author of "The Kolade Kid"  
16  
1
10. 10  
[](https://daily.dev/posts/frontwork-component-marketplace---a-marketplace-to-buy-and-sell-frontend-components-seclrp9gt "FrontWork Component Marketplace - A marketplace to buy and sell frontend components")  
Article  
![Avatar of ph](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph)Product Hunt · 5y  
FrontWork Component Marketplace - A marketplace to buy and sell frontend components  
Buy and sell high-quality frontend components. Speed up your development by downloading prebuilt components in React, Vue, HTML, and more. Earn money for selling your own components. Embed and share your content with the rest of the world. Back to Mail Online home. back to the page you came from.  
16  
2
11. 11  
[](https://daily.dev/posts/5-html-seo-tips-to-rank-higher-in-google-pw91nuhrx "5 HTML SEO Tips To Rank Higher in Google")  
Article  
![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo · 5y  
5 HTML SEO Tips To Rank Higher in Google  
The title tag is the title you want to appear in the search result to describe your brand name and what the page is. The viewport meta tag lets you control the width and scaling of the viewport so that it fits all devices. The robots meta tag is used to keep search engines from indexing documents, internal search results, duplicate pages, etc.  
15  
2
12. 12  
[](https://daily.dev/posts/creating-html-dom-elements-using-javascript-vanilla-js-and-jquery-examples--zbm76yxiv "Creating HTML DOM elements using JavaScript (vanilla JS and jQuery examples)")  
Article  
![Avatar of itnext](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/itnext2)ITNEXT · 5y  
Creating HTML DOM elements using JavaScript (vanilla JS and jQuery examples)  
Creating HTML DOM elements using JavaScript (vanilla JS and jQuery examples) Ihechikara Vincent Abba Follow Aug 19 19 · 2 min read ARTICLE. So on Unsplash has some helpful methods that allow us create HTML elements. This is important in cases where we do not want to hard-code the markup but rather generate them dynamically when certain events happen in the browser. This can be done using vanilla (plain) JavaScript or using the master of browser compatibilty — jQuery.  
10

[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/08#page","url":"https://daily.dev/tags/html/best-of/2021/08","name":"Best HTML Posts — August 2021","description":"The most upvoted HTML posts from August 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/08#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/7-trending-projects-on-github-for-javascript-developers-wg-97wojj","name":"7 Trending projects on GitHub for JavaScript developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-link-javascript-to-html-qrk-ez75y","name":"How to Link JavaScript to HTML"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-create-a-custom-toggle-switch-using-css-xz-ti5lrn","name":"How to create a custom Toggle Switch using CSS"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/really-why-react--5a6q1pcgu","name":"Really, why React?"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/uideck-2-0---landing-page-html-templates-and-ui-kits-8ch66-a3c","name":"UIdeck 2.0 - Landing Page HTML Templates and UI Kits"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/6-css-shorthand-properties-to-improve-your-web-application-0qukm7njm","name":"6 CSS Shorthand properties to improve your web application"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/html-email-template-for-beginners-tcvc-zt0h","name":"HTML Email Template for beginners"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/learn-css-units-em-rem-vh-and-vw-with-code-examples--we6nd2g3y","name":"Learn CSS Units – Em, Rem, VH, and VW with Code Examples ✨✨"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/pre-tag-in-html-example-code-e0svepyxd","name":"<pre> Tag in HTML – Example Code"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/frontwork-component-marketplace---a-marketplace-to-buy-and-sell-frontend-components-seclrp9gt","name":"FrontWork Component Marketplace - A marketplace to buy and sell frontend components"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/5-html-seo-tips-to-rank-higher-in-google-pw91nuhrx","name":"5 HTML SEO Tips To Rank Higher in Google"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/creating-html-dom-elements-using-javascript-vanilla-js-and-jquery-examples--zbm76yxiv","name":"Creating HTML DOM elements using JavaScript (vanilla JS and jQuery examples)"}]},{"@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":"August 2021"}]}]}
```

