Profile avatar
nanacodesign.com
Product Designer who loves CSS magic πŸ’š https://css-selectors.dev/ πŸ’œ nanacodesign.com
19 posts 186 followers 125 following
Regular Contributor

I found another interesting accessible palette generator tool! Enter a color, and it will generate specific palettes for canvas, accent non-content, accent content, etc. Usefull to generate different shades for a specific color. thisisfranciswu.com/enterprise-u...

🦌 Day 4. What’s the difference between :is() and :where()? These selectors may look similar, but understanding their differences can make your styling smarter and more precise! πŸš€ πŸ’‘ When do you use :is() and :where() in your projects? Please share your real-world story.

🦌 Day 3. Selector list vs :is(), which one to use? The :is() pseudo-class is more forgiving than traditional selectors! It ensures valid styles still apply even if some selectors in the list are unsupportedβ€”perfect for keeping your designs robust and functional.

🦌 Day 2. :focus-within 🧐 Can you make form navigation more intuitive? Use :focus-within to dynamically enhance usability! Change the border color of a section when any input inside gains focus, helping users stay oriented for smoother, more intuitive navigation. πŸ“Ί www.youtube.com/watch?v=j5WM...

🦌 Day 1. :focus vs :focus-visible What is the difference between :focus and :focus-visible? Browsers add a blue focus ring to elements, but removing it can make things tricky for keyboard users! :focus-visible pseudo-class is a great solution.✨ πŸ“Ί watch more www.youtube.com/watch?v=lDwZ... #css

🦌✨ Ho, Ho, Ho! The CSS Advent 2024 has arrived!🎁 Hello, friends! It's the most CSS-ful time of the year! This year, I’ve been busy creating the Master CSS Selectors – and now, we’re thrilled to share a festive surprise(free): 🦌 css-selectors.dev/advent-calen... πŸ’ͺ Build your #CSS muscle for 2025

Love itπŸ’œπŸ©·πŸ’—πŸ’–πŸ’žπŸ’“β£οΈπŸ’˜πŸ’

G’day friends! πŸ‘‹ Finally summer is coming to Sydney 🦘 Happy codesign today. πŸ§™πŸ»β€β™€οΈ

No more guesswork, Target Correct Elements 🎯 Don’t fear complexity, Understand Advanced CSS Selectors ✨ No more unnecessary JavaScript, Go with CSS Selectors 🌿 CSS selectors course is for everyone. πŸ‘ΆπŸ» πŸ‘§πŸ» πŸ‘©πŸ» πŸ‘΅πŸ» πŸš€ Master CSS selectors transform your coding skills✨ #CSS #CSSselectors #frontendly

🌈Optimising your design system with Figma’s variables. Happy to share my latest article here. πŸ§™πŸ»β€β™€οΈπŸ’œ #Figma #DesignSystem #variables #CSS #CSSCustomProperties

Hello πŸ¦‹ This is my latest 404 page design. 😊