Thread by @Prathkum

10 HTML and CSS tips that you need to know😉

🧵👇🏻

1️⃣ Customize the text selection

- The ::selection pseudo-element matches the portion of an element that is selected by a user.

2️⃣ Range Input

- You can change the styling of input type="range"

3️⃣ Custom Scrollbar

- Customize the scrollbar of your website in few minutes

4️⃣ Scrollable element

- If you have some fixed size element then use overflow: auto. It will convert your element into scrollable element

5️⃣ Underline text like a pro

- You can create "wavy" line using one line of CSS

6️⃣ will-change property

- You can optimize the performance of your web page by adding one line of CSS. will-change tells the browser that how an element is expected to change

7️⃣ Image Carousel

- You can create carousel using 2 lines of CSS

8️⃣ Regular Expression

- You can use "pattern" attribute in order to specifies the regular expression

9️⃣ Intact your company name

- Use "translate" attribute and set it value to "no" for your company name. So that in case, the webpage is translated into another language, your brand name will remain intact

🔟 Icons using HTML

- You can use HTML entity or HTML code to print some cool symbols or icons