Search for a command to run...
Articles tagged with #css
Core Concept offset-path = places any element along a curved path (like a train on tracks) offset-distance = controls position along the path (0% = start, 100% = end) Basic Syntax .element { offset-path: path("M0 0 Q100 50 200 0"); /* curved path *...
The three-value syntax flex: 1 1 300px; /* │ │ │ │ │ └── flex-basis (starting size) │ └──── flex-shrink (how much it can shrink) └────── flex-grow (how much it can grow) */ Most people use the shorthand (flex: 1) but the three-v...
CSS-First Configuration /* Before in v3 (tailwind.config.js) */ module.exports = { theme: { fontFamily: { display: ['Satoshi', 'sans-serif'], }, extend: { colors: { 'custom-blue': '#1234567' } } } } /* N...
Introduction HSL has been standard for some time. OKLCH is a newer color space that's becoming popular. I want to explore the issues with HSL and explain why OKLCH is better. HSL Perceptual Uniformity Problem /* These HSL colors have equal lightness ...
Good perceived performance to keep users engaged.
My notes after spending 7 hours studying.
