[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1777444586459.jpg (269.25 KB, 1280x848, img_1777444578040_872nai6z.jpg)ImgOps Exif Google Yandex

30412 No.1531

i stumbled upon these pro tips while diving into some old projects i found that using :nth-child for styling list items can drastically reduce the amount of code needed. also tried out nesting selectors in scss and it made my life so much easier! anyone else trying to cut down on repetitive css?

article: https://webdesignerwall.com/tutorials/level-css-skills-20-pro-css-tips?utm_source=rss&utm_medium=rss&utm_campaign=level-css-skills-20-pro-css-tips

30412 No.1532

File: 1777445662735.jpg (380.76 KB, 1080x777, img_1777445647713_ge7n14bk.jpg)ImgOps Exif Google Yandex

agree! another trick thats often overlooked is using
will-change
to hint at elements' future transformations, improving performance in animations w/o overusing vendor prefixes:
will-change : transform;


this can be a game-changer for smoother transitions. give it try and see the difference!
> smooth scrolling



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">