3 CSS Grid Features That Make My Heart Flutter
A developer shares three favorite CSS Grid features, including named template areas and grid-gap, explaining why they improve web layout workflows.
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.
107 articles from this blog
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.
Interview with Una Kravets and Krystal Higgins discussing conference speaking, UX design, onboarding, and finding your niche in tech.
A technical guide on implementing offline reading functionality for web applications using Service Workers, with practical code examples.
An industrial engineer's principles of simplicity and intuitive design in control systems, applied to web development and user interfaces.
Explores the future of responsive design beyond screens, focusing on WebVR, AR, and the Physical Web for immersive, multi-medium experiences.
A developer shares key lessons from three years of building pattern libraries and design systems, focusing on team collaboration and decision-making.
DigitalOcean details the technical rebuild of their website, focusing on improved accessibility, performance, and a new unified design system.
Explores three unexpected browser inconsistencies with SVG rendering, focusing on gradient fills, blocky appearance, and other cross-browser quirks.
A guide for designers on improving website performance through image optimization and integrating performance into the design process.
Argues that web accessibility benefits all users, not just those with disabilities, and improves business outcomes by reaching a wider audience.
A performance comparison of different web techniques (CSS, SVG, Canvas, blend modes) for implementing grayscale image filters.
A tutorial on setting up a self-hosted web accessibility testing dashboard using the open-source Pa11y tool on a DigitalOcean server.
A UI engineer shares key lessons from working at IBM Design, covering enthusiasm, iteration, and initiative in a tech design environment.
A guide to creating interactive games using only CSS, focusing on the counter-increment property and checkbox inputs for dynamic state.
Explores surprising similarities between Sass and ES2015 (ES6) JavaScript, showing how knowledge of one can help learn the other.
Explores advanced image color manipulation using SVG's feColorMatrix filter, comparing it to CSS filters for dynamic web effects.
A guide to building a flexible, scalable SVG icon system using Gulp and external SVG symbol sprites for web development.
A developer's 2015 year in review, highlighting open-source projects, conference talks, and goals for 2016.
Introduces 'Classy CSS', a programmatic, scalable approach to writing modular Sass stylesheets using class-based architecture and @extend.