11 Tweets 31 reads Apr 03, 2021
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

Loading suggestions...