Una Kravets is a web platform engineer and writer focused on modern CSS and UI capabilities. Her work explores cutting-edge features like container queries, anchor positioning, scroll-driven styling, and the future of web UI architecture.
105 articles from this blog
Chromium 84 introduces new Web Animations API features like promise-based orchestration, performance improvements, and composite modes for smoother effects.
A technical study on implementing randomized selective color gradients for web design using CSS custom properties, JavaScript, and CSS Houdini.
Explores 2020 web trends: extensibility via CSS Houdini & variable fonts, and interoperability, focusing on component-based development.
A developer's 2019 review covering new job at Google, podcasting, web series, open-source projects, and speaking at tech conferences.
A tutorial on creating dynamic color themes using only CSS Custom Properties, HSL colors, and the calc() function.
A guide to customizing Google's Material Design system using theming capabilities for color, typography, and shape on the web.
Author announces joining Google as a Developer Advocate for Material Design, focusing on design systems, web tech, and community engagement.
An illustrated and musical guide explaining JavaScript's map, reduce, and filter array methods with examples and mnemonics.
Explores the CSS Houdini spec and Paint API, giving developers low-level control over the CSSOM for custom styling and performance.
Explores the future of responsive web design, moving beyond screen size to consider user context like location, light levels, and device preferences.
Explores advanced CSS techniques for logical styling based on element count, using selectors like :empty and :nth-child.
A tutorial on creating accessible dropdown navigation menus using only CSS, focusing on modern techniques and web standards.
Explains how to use CSS filters, particularly brightness() and hue-rotate(), to dynamically change the color of SVG background images.
Explores common reasons why design systems fail, focusing on organizational support, investment, and adoption challenges.
A developer shares her personal productivity system using digital and physical to-do lists, including open-sourcing goals on GitHub and terminal aliases.
A technique to reduce image file size by lowering contrast in the source image and restoring it with CSS filters, improving web performance.
Explains CSS Custom Properties (CSS Variables), their dynamic capabilities, and practical use cases for cleaner, modular front-end code.
Explores using VSCode's experimental workspace theming to create custom, project-specific environments that may boost focus and productivity.
A developer shares three favorite CSS Grid features, including named template areas and grid-gap, explaining why they improve web layout workflows.
A guide for developers on using personal side projects to learn new technologies, practice skills, and stay current in the fast-paced tech industry.
