Best of HTML — February 2022
- 1
- 2
freeCodeCamp·4y
How to Create Your Own Google Chrome Extension
A chrome extension is a program that is installed in the Chrome browser. You can build one easily using web technologies like HTML, CSS, and JavaScript. We will be looking into how to create this extension in this blog post. The complete source code of this project can be found on GitHub.
- 3
Changelog·4y
soheilpro/mailwind: Use Tailwind CSS to design HTML emails.
Use Tailwind CSS to design HTML emails. Mailwind is a free, open-source, web-designing tool. Use Tailwind to design your HTML emails using the Tailwind utility classes like you normally would for the web. Tailwind is licensed under the The MIT License (the "License")
- 4
Flavio Copes·4y
Roadmap to become a Web Developer in 2022
Web Development is always evolving and every year in January I like to take a step back and re-evaluate and observe the ecosystem. The question is: where should beginner Web Developers start in 2022, so they will learn skills they’ll find jobs for? Is there anything new you should absolutely learn? Let’s get into it.
- 5
DevDojo·4y
How to build a Flash Title Notification with JavaScript
When a user is on another tab, flash titles are useful for drawing their attention to the website. This article is in two parts, the HTML part, and the JavaScript part. We will create a function that will change the title tag and toggle between the current page title and the new notification messages that you want to toast to the user.
- 6
10 React Interview Questions You Should Know in 2022
React is a JavaScript library, not a framework. It gives us a way to easily create user interfaces with tools like JSX. React takes care of updating our UI when our data changes, without the need to update the DOM ourselves. Become a React pro in 4-5 weeks with the React Bootcamp.
- 7
DZone·4y
A Complete, Interactive Guide to CSS Flex Box
Flexbox lets us align content in columns or rows, while automatically adjusting its size based on how we set it up. Below, you can view the complete guide to CSS flexbox, along with a generator to let you generate the layout style you want for your container elements. For your reference, here are the individual properties and the effects they have on a flexbox configuration.
- 8
Languages to Learn instead, in 2022!
The world of computer programming might be confusing at times. You may want to be an app developer but struggle to find a programming language and then end up learning languages that have no use in the future. Instead of Html -> Markdown or CSS, you may stick to HTML.
- 9
Quick Code·4y
Use ESLint to Enforce Design System
Use ESLint to build testing rules to ensure design system components are consumed properly in production. Discover how tools like ESLint parse JavaScript down into a data structure called an abstract syntax tree (AST) We will then touch on how ESLint rules work and how to parse our Lit templates into HTML. Finally we’ll start creating our first rules.
- 10
asayer·4y
The Most Popular Alternative UI Libraries
React. Vue, Solid.js and Svelte are all great solutions to the same problem, with slightly different tradeoffs. In this article, we look into a few of the most promising ones. This won’t be a deep dive in each, but you’ll see enough to nudge you to test out one of them for your next weekend side project.
- 11
DEV·4y
How to build an HTML-only accordion — no JavaScript required!
Using the details element, we can build an HTML accordion in just four lines of code. By default, the <details> element loads in a closed state. We can load the accordion open by default by adding the open attribute to the < details> element.
- 12
Hashnode·4y
24 Lesser-Known HTML Attributes You May Want to Use ✨📚
The attributes are easy to set up and can help you to achieve common tasks, which you would otherwise get by using some complex external libraries. I will review each attribute and include the code snippets, so it is easier for you to understand the use cases and syntax of the attributes.
