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.
- 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"
- You can change the styling of input type="range"
3๏ธโฃ Custom Scrollbar
- Customize the scrollbar of your website in few minutes
- 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
- 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
- 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
- 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
- You can create carousel using 2 lines of CSS
8๏ธโฃ Regular Expression
- You can use "pattern" attribute in order to specifies the 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
- 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
- You can use HTML entity or HTML code to print some cool symbols or icons
Loading suggestions...