The Curious Engineer

All blogs / Frontend / CSS / browsers

Una Kravets Online

una.im

The personal website of Una Kravets. Front-end developer, tech content creator, and supporter of all things web UI

Frontend / CSS / browsersWeb developmentEngineering blogs

’15’20’25
Posts
133 from 9 Aug 2013 to 22 Jun 2026
Posting
monthly (8 in the last year)
Kind
personal blog
Feed
https://una.im/rss.xml

2026 5

  1. Modern CSS theming with light-dark(), contrast-color(), and style queries
  2. contrast-color() beyond black & white
  3. Automated accessible text with contrast-color()
  4. border-shape: the future of the non-rectangular web
  5. 2025 in Review

2025 11

  1. Directional CSS with scroll-state(scrolled)
  2. CSS Wrapped: 2025!
  3. Range Syntax for Style Queries
  4. Detect fallback positions with anchored container queries from Chrome 143
  5. Follow-the-leader pattern with CSS anchor positioning
  6. 5 Useful CSS functions using the new @function rule
  7. Creating a scroll-spy with 2 lines of CSS
  8. What is popover=hint?
  9. New capabilities for attr()
  10. Updates to the customizable select API
  11. 2024 in Review

2024 5

  1. Customizable select: request for developer feedback
  2. @property: Next-gen CSS variables now with universal browser support
  3. The latest in CSS and web UI: I/O 2024 recap
  4. Introducing the CSS anchor positioning API
  5. Popover API lands in Baseline

2023 11

  1. 2023 in Review
  2. CSS Wrapped: 2023!
  3. Select element: now with horizontal rules
  4. Four new CSS features for smooth entry and exit animations
  5. Building a no-JS radial menu with CSS trigonometry, popover, and anchor positioning
  6. 2022.5 in Review
  7. Introducing the popover API
  8. What's new in CSS and UI: I/O 2023 Edition
  9. Using color-mix() to create opacity variants
  10. Getting started with style queries
  11. Container queries land in stable browsers

2022 4

  1. Working with container queries today
  2. @container and :has(): two powerful new responsive APIs
  3. Style Queries
  4. Cascade layers are coming to your browser

2021 8

  1. 2021 in Review
  2. How we Built Designcember
  3. Personalize It!
  4. CSS for Web Vitals
  5. The new responsive: Web design in a component-driven world
  6. Next Gen CSS: @container
  7. Updates in hardware-accelerated animation capabilities
  8. New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly

2020 11

  1. 2020 in Review
  2. Cross-browser paint worklets and Houdini.how
  3. min(), max(), and clamp(): Three Logical CSS Functions to Use Today
  4. content-visibility: the New CSS Property that Boosts your Rendering Performance
  5. @property: giving superpowers to CSS variables
  6. Ten Modern Layouts in One Line of CSS
  7. Web Animations API improvements in Chromium 84
  8. Randomized Selective Color: A Post List Study
  9. The Web in 2020: On Extensibility and Interoperability
  10. Using Material Density on the Web
  11. 2019 in Review

2019 8

  1. Calculating Color: Dynamic Color Theming with Pure CSS
  2. How to Use Material Data Tables on the Web
  3. Material Theming: Making Material Your Own!
  4. I'm Joining Google!
  5. An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
  6. New horizons in CSS: Houdini and the Paint API
  7. The Future of Responsive Design
  8. 2018 in Review

2018 5

  1. Solved with CSS! Logical Styling Based on the Number of Given Elements
  2. The Female Engineers of Bustle on Getting the Job Done
  3. Solved With CSS! Dropdown Menus
  4. Solved With CSS! Colorizing SVG Backgrounds
  5. Pair Projecting

2017 10

  1. 2017 in Review
  2. Why Design Systems Fail
  3. I'm Useless Without a To-Do List
  4. The Contrast Swap Technique: Improved Image Performance with CSS Filters
  5. Locally Scoped CSS Variables: What, How, and Why
  6. VSCode Custom Workspaces
  7. 3 CSS Grid Features That Make My Heart Flutter
  8. Creative Side Projects: A How-To Guide
  9. Interview on Shoptalk Show
  10. Implementing "Save For Offline" with Service Workers

2016 18

  1. 2016 Year In Review + 2017 Resolutions
  2. Simplicity in Design: Insights from an Industrial Engineer
  3. Rethinking Responsive Design
  4. Digitalocean.com on the Responsive Web Design Podcast
  5. 3 Years of Pattern Libraries: Lessons Learned
  6. Faster and More Accessible: The New digitalocean.com
  7. 3 Weird SVG Browser Inconsistencies
  8. 3 Easy Performance Wins for Designers
  9. It’s Not About Morals: Accessibility is for the Masses
  10. Web Image Effects Performance Showdown
  11. Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean
  12. Lessons Learned at IBM Design
  13. Pure CSS Games with Counter-Increment
  14. Interview on The Start FM
  15. If You Know Sass, You Know ES2015
  16. Finessing
  17. A Gulp-Based External SVG Symbol Sprite Icon System
  18. How Did I Begin Coding?

2015 24

  1. 2015 Year In Review & 2016 Resolutions
  2. Classy CSS: a Programmatic Approach to Sass Stylesheets
  3. CSS Image Effects #6: Infrared Photography
  4. CSS Image Effects #5: Lomography
  5. Introducing CSSgram: A CSS Library for Instagram Filters
  6. CSS Image Effects #4: Bokeh Textures
  7. CSS Image Effects #3: Vignettes 3 Ways
  8. CSS Image Effects #2: 3D Glasses
  9. CSS Image Effects #1: Vintage Washout
  10. The Internet We Know is Built on Hacks
  11. CodeNewbie Podcast
  12. How to Get Designers Involved in Your OSS Project
  13. Tech Conference Travel Tips
  14. Opensource.com Interview
  15. Atomic OOBEMITSCSS
  16. Hacking :visited
  17. Sass Pixel Art
  18. Embrace the Terminal
  19. Sketchnotes from SXSW 2015
  20. 5 Great Uses for Sass Maps
  21. On Code and Community
  22. The Science of Web Animations&: SPA
  23. Sketchnotes, FTW
  24. Sass Director and Manifest Files

2014 11

  1. 2015 Resolutions
  2. Setting up PageSpeed Insights to test Performance Locally via Gulp
  3. On Learning and Comprehension
  4. Open Source Design
  5. A Pretty Long List of Style Guides and Pattern Libraries
  6. ATX Sass
  7. The Intimidation Barrier
  8. How Open Sourcing My Personal Goals Made Me Really Productive
  9. Becoming a Keyboard Ninja: The Sticky Note Method
  10. Media Queries of the Future!
  11. Sass Bites #33: Una Kravets

2013 1

  1. Building Proofessor

Undated 1

  1. Colophon