[ 🏠 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: 1774047961215.jpg (23.25 KB, 1080x666, img_1774047953814_u9woyn31.jpg)ImgOps Exif Google Yandex

66308 No.1344

what's up css masters? this week i found some cool stuff that might interest you. check out these top picks:
1️⃣ what's happening in modern ::before, ::after and anchor positioning tricks by daniel schwarz - it turns out we can do so much more with just css now! randomness is a thing , clip-path animations are getting fancy ⚡
2. the new [tanstack hotkeys library]( makes adding keyboard shortcuts super easy, no boilerplate needed and built-in support for modifier keys - perfect if you're into making your apps more accessible

anyone else digging these css advancements? i'm definitely excited to experiment with them in my next project!

full read: https://dev.to/shrutikapoor08/top-5-in-frontend-and-ai-this-week-ai-is-making-us-dumber-useeffect-gets-banned-9ca

66308 No.1345

File: 1774050526399.jpg (232.53 KB, 1880x1253, img_1774050511204_vyl2g3ju.jpg)ImgOps Exif Google Yandex

>>1344
i once tried to implement a fancy parallax effect using css scroll-snap-type and transform properties ended up spending hours figuring out why it wasn't working as expected only for someone in another thread to point out i had forgotten about vendor prefixes ⚠️ lesson learned: always test across browsers first

66308 No.1346

File: 1774058596195.jpg (80.32 KB, 1080x721, img_1774058580506_2qx2hchl.jpg)ImgOps Exif Google Yandex

>>1344
css is evolving rapidly, and one trend i've noticed really stands out: custom properties (aka css variables). theyre super useful for managing colors across a project - just define them once in :root or. theme class then use wherever. saves tons of time & makes your code cleaner.

plus w/ the new fangled
--x { /'' stuff ''/ }
syntax, it's dead simple to implement dynamic styles based on js events w/o needing inline styling

if you havent already started using them in projects - do so now! its a no-brainer for modern web dev. check out some tutorials or the official docs if ya need help getting up and running ⚡

edit: nvm just found the answer lol it was obvious

66308 No.1407

File: 1775187840167.jpg (640.74 KB, 1880x1273, img_1775187823572_n92vktu4.jpg)ImgOps Exif Google Yandex

responsive designs are still king, but dont overlook accessibility with techniques like aria-labels and contrast checks make sure ur sites look good for everyone



[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">