HTML Tip 💡

4 real world use cases of <article> element to clearly understand when to use it ⚡

A thread 🧵 ↓ 1️⃣ For Product Listing

4 ways to iterate over javascript object properties, you should know!

A thread 🧵 ↓ Let's first create an object with enumerable, non-enumerable and prototype properties as these 4 ways give different outputs based on such parameters.

7 very useful VS Code extensions that you should definitely install ⚡

A️ thread 🧵 ↓ 1️⃣ Code Spell Checker

It is always better to write our code and comments with correct spelling.

Code spell checker highlights spelling mistakes and also gives quick suggestions to correct it.

It even works with camelCase or snake_case code ✨

marketplace.visualstudio.com/items?itemName…

CSS Tip 💡

Easily enhance list style using ::marker pseudo-element ✨

A thread 🧵 ↓ What is ::marker pseudo-element?

HTML Tip 💡

Improve UX for input controls using <datalist> element ✨

A thread 🧵 ↓ What is <datalist> element and how to use it?

4 ways to use SVG image in HTML/CSS ⚡️️

Includes use-cases, pros & cons of each way ✨

Thread 🧵 ↓ 1. Using <img> element

Use Cases:
- Brand Logo
- Non-interactive icons

HTML Tip 💡

Provide better UX by using mailto: url scheme for email id ✨ Watch this demo video to see it in action 👇

5 awesome CSS Shape Generators, you should definitely check ✨

🧵↓ 1. Blob marker

Create blobs with various shapes using this amazing interactive tool.

It generates ready-to copy border-radius, which we can directly use in our CSS code.

🔗 9elements.github.io/fancy-border-r…

5 pseudo-elements in CSS, you may not know 🧵↓ 1️⃣ ::backdrop

5 things about Lists in HTML that you may not know 🧵

#webdev #DEVCommunity #100DaysOfCode 1️⃣ Custom starting number

We can start an ordered list from any custom starting number using "start" attribute.