Frontend Dogma

“custom-properties” Archive

  1. The Times You Need a Custom “@ property” Instead of a CSS Variable · · , ,
  2. Write Better CSS With Modern CSS · · , ,
  3. An Advanced Way to Use CSS Variables · ·
  4. Add Superpowers to Your CSS Variables With Style Queries · · ,
  5. Offloading JavaScript With Custom Properties · · ,
  6. Clean Architecture: Theming With Tailwind and CSS Variables · · , ,
  7. Using CSS Custom Properties Like This Is a Waste · · ,
  8. Naming Variables in CSS · · ,
  9. Expert CSS: The CPU Hack · ·
  10. How Custom Property Values Are Computed · ·
  11. Going Beyond Constants With Custom Properties · ·
  12. Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions · · , , , ,
  13. Cyclic Dependency Space Toggles · ·
  14. Register Custom Properties in CSS, Get and Update Them With JavaScript · ·
  15. CSS Custom Properties Beyond the “:root” · · ,
  16. The Gotcha With Animating Custom Properties · · , ,
  17. Creating a High-Contrast Design System With CSS Custom Properties · · , , ,
  18. CSS Color Functions and Custom Properties · · , ,
  19. Interpolating Numeric CSS Variables · ·
  20. The Future of CSS: Variable Units, Powered by Custom Properties · · ,
  21. How to Use Variables in CSS · · ,
  22. Evaluating Design System Adoption Using Custom CSS · · , ,
  23. Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties · · , ,
  24. Taming CSS Variables With Web Inspector · · , ,
  25. Multi-Value CSS Properties With Optional Custom Property Values · ·
  26. CSS Custom Properties · ·
  27. Standardizing Focus Styles With CSS Custom Properties · · , ,
  28. The Surprising Behavior of “Important CSS Custom Properties” · · ,
  29. Parallax Powered by CSS Custom Properties · ·
  30. Using CSS Variables for Reduced Motion on a Global Scale · ·
  31. On Using Custom Properties · ·
  32. Custom Properties With Defaults: 3+1 Strategies · ·
  33. Different Degrees of Custom Property Usage · ·
  34. Custom Properties and “@ property” · ·
  35. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” · · , ,
  36. The Dilemma of Naming Font Size Variables · · ,
  37. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit · · , ,
  38. Custom Properties: Questioning “:root” · · ,
  39. A User’s Guide to CSS Variables · · ,