<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>Una Kravets Online</title><description>The personal blog of Una Kravets. Web development, design, and platform news.</description><link>https://una.im/</link><item><title>contrast-color() beyond black &amp; white</title><link>https://una.im/advanced-contrast-color/</link><guid isPermaLink="true">https://una.im/advanced-contrast-color/</guid><description>Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.</description><pubDate>Fri, 13 Mar 2026 00:00:00 GMT</pubDate></item><item><title>Automated accessible text with contrast-color()</title><link>https://una.im/contrast-color/</link><guid isPermaLink="true">https://una.im/contrast-color/</guid><description>Let the browser pick the most readable text color for any background with this new CSS function.</description><pubDate>Thu, 12 Mar 2026 00:00:00 GMT</pubDate></item><item><title>border-shape: the future of the non-rectangular web</title><link>https://una.im/border-shape/</link><guid isPermaLink="true">https://una.im/border-shape/</guid><description>Learn about new geometry capabilities with this game-changing experimental CSS feature.</description><pubDate>Thu, 19 Feb 2026 00:00:00 GMT</pubDate></item><item><title>2025 in Review</title><link>https://una.im/2025-in-review/</link><guid isPermaLink="true">https://una.im/2025-in-review/</guid><description>2025 in review.</description><pubDate>Tue, 06 Jan 2026 00:00:00 GMT</pubDate></item><item><title>Directional CSS with scroll-state(scrolled)</title><link>https://una.im/scroll-state-scrolled/</link><guid isPermaLink="true">https://una.im/scroll-state-scrolled/</guid><description>Style based on scroll direction with this new scroll-state query feature.</description><pubDate>Wed, 17 Dec 2025 00:00:00 GMT</pubDate></item><item><title>CSS Wrapped: 2025!</title><link>https://una.im/2025-12-08-css-wrapped/</link><guid isPermaLink="true">https://una.im/2025-12-08-css-wrapped/</guid><description>Sculpt a more dynamic web, and learn about the new CSS and UI features that landed in Chrome in 2025.</description><pubDate>Mon, 08 Dec 2025 00:00:00 GMT</pubDate></item><item><title>Range Syntax for Style Queries</title><link>https://una.im/range-style-queries/</link><guid isPermaLink="true">https://una.im/range-style-queries/</guid><description>Learn how to use the new range syntax for CSS style queries and the if() function.</description><pubDate>Wed, 12 Nov 2025 00:00:00 GMT</pubDate></item><item><title>Detect fallback positions with anchored container queries from Chrome 143</title><link>https://una.im/2025-10-29-anchored-queries/</link><guid isPermaLink="true">https://una.im/2025-10-29-anchored-queries/</guid><description>Identify and style an anchored element in a fallback anchor position.</description><pubDate>Wed, 29 Oct 2025 00:00:00 GMT</pubDate></item><item><title>Follow-the-leader pattern with CSS anchor positioning</title><link>https://una.im/follow-the-anchor/</link><guid isPermaLink="true">https://una.im/follow-the-anchor/</guid><description>Learn how to create a dynamically re-anchored pointer element.</description><pubDate>Thu, 11 Sep 2025 00:00:00 GMT</pubDate></item><item><title>5 Useful CSS functions using the new @function rule</title><link>https://una.im/5-css-functions/</link><guid isPermaLink="true">https://una.im/5-css-functions/</guid><description>CSS custom functions are a gamechanger. Here are 5 really useful examples.</description><pubDate>Wed, 13 Aug 2025 00:00:00 GMT</pubDate></item><item><title>Creating a scroll-spy with 2 lines of CSS</title><link>https://una.im/scroll-target-group/</link><guid isPermaLink="true">https://una.im/scroll-target-group/</guid><description>scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.</description><pubDate>Tue, 29 Jul 2025 00:00:00 GMT</pubDate></item><item><title>What is popover=hint?</title><link>https://una.im/popover-hint/</link><guid isPermaLink="true">https://una.im/popover-hint/</guid><description>Learn about what exactly this new popover feature does and how it relates to interest invokers.</description><pubDate>Mon, 07 Jul 2025 00:00:00 GMT</pubDate></item><item><title>New capabilities for attr()</title><link>https://una.im/advanced-attr/</link><guid isPermaLink="true">https://una.im/advanced-attr/</guid><description>Advanced attr() is landing in Chrome 133, and I&apos;m really excited for this feature! Here&apos;s a bit about it and how you can use it.</description><pubDate>Tue, 21 Jan 2025 00:00:00 GMT</pubDate></item><item><title>Updates to the customizable select API</title><link>https://una.im/select-updates/</link><guid isPermaLink="true">https://una.im/select-updates/</guid><description>Everything that has changed since the RFC post for this feature.</description><pubDate>Fri, 10 Jan 2025 00:00:00 GMT</pubDate></item><item><title>2024 in Review</title><link>https://una.im/2024-in-review/</link><guid isPermaLink="true">https://una.im/2024-in-review/</guid><description>2024 in review.</description><pubDate>Mon, 06 Jan 2025 00:00:00 GMT</pubDate></item><item><title>Customizable select: request for developer feedback</title><link>https://una.im/2024-09-12-select-rfc/</link><guid isPermaLink="true">https://una.im/2024-09-12-select-rfc/</guid><description>Learn about the new customizable select component, and try it out today.</description><pubDate>Thu, 12 Sep 2024 00:00:00 GMT</pubDate></item><item><title>@property: Next-gen CSS variables now with universal browser support </title><link>https://una.im/2024-07-12-at-property-baseline/</link><guid isPermaLink="true">https://una.im/2024-07-12-at-property-baseline/</guid><description>The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements.</description><pubDate>Fri, 12 Jul 2024 00:00:00 GMT</pubDate></item><item><title>The latest in CSS and web UI: I/O 2024 recap</title><link>https://una.im/2024-06-11-css-at-io/</link><guid isPermaLink="true">https://una.im/2024-06-11-css-at-io/</guid><description>The web platform is alive with innovation, with CSS and web UI features at the forefront of this exciting evolution.</description><pubDate>Tue, 11 Jun 2024 00:00:00 GMT</pubDate></item><item><title>Introducing the CSS anchor positioning API</title><link>https://una.im/2024-05-10-anchor-pos-intro/</link><guid isPermaLink="true">https://una.im/2024-05-10-anchor-pos-intro/</guid><description>The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements.</description><pubDate>Fri, 10 May 2024 00:00:00 GMT</pubDate></item><item><title>Popover API lands in Baseline</title><link>https://una.im/2024-04-25-popover-baseline/</link><guid isPermaLink="true">https://una.im/2024-04-25-popover-baseline/</guid><description>Popover provides so many great developer affordances for building layered interfaces like tooltips, menus, teaching UIs, and more.</description><pubDate>Thu, 25 Apr 2024 00:00:00 GMT</pubDate></item><item><title>2023 in Review</title><link>https://una.im/2023-in-review/</link><guid isPermaLink="true">https://una.im/2023-in-review/</guid><description>Annual year in review: 2023 edition.</description><pubDate>Sun, 31 Dec 2023 00:00:00 GMT</pubDate></item><item><title>CSS Wrapped: 2023!</title><link>https://una.im/2023-12-08-css-wrapped/</link><guid isPermaLink="true">https://una.im/2023-12-08-css-wrapped/</guid><description>2023 was a huge year for CSS! Learn about all the Web UI highlights that landed in browsers this year.</description><pubDate>Fri, 08 Dec 2023 00:00:00 GMT</pubDate></item><item><title>Select element: now with horizontal rules</title><link>https://una.im/2023-10-23-hr-select/</link><guid isPermaLink="true">https://una.im/2023-10-23-hr-select/</guid><description>The select element gets a small but mighty upgrade where you can now add &lt;hr&gt; (horizontal rule) elements into the list of options and they will appear as separators.</description><pubDate>Mon, 23 Oct 2023 00:00:00 GMT</pubDate></item><item><title>Four new CSS features for smooth entry and exit animations</title><link>https://una.im/2023-08-16-entry-exit-animations/</link><guid isPermaLink="true">https://una.im/2023-08-16-entry-exit-animations/</guid><description>These four new features include: animating display and content-visibility on a keyframe timeline, the transition-behavior property, the @starting-style rule, and the overlay property.</description><pubDate>Wed, 16 Aug 2023 00:00:00 GMT</pubDate></item><item><title>Building a no-JS radial menu with CSS trigonometry, popover, and anchor positioning</title><link>https://una.im/radial-menu/</link><guid isPermaLink="true">https://una.im/radial-menu/</guid><description>Learn how to build a fluid, modern radial menu leveraging new and upcoming CSS capabilities.</description><pubDate>Thu, 20 Jul 2023 00:00:00 GMT</pubDate></item><item><title>2022.5 in Review</title><link>https://una.im/2022-in-review/</link><guid isPermaLink="true">https://una.im/2022-in-review/</guid><description>Catching up on last year&apos;s year-in-review post</description><pubDate>Wed, 05 Jul 2023 00:00:00 GMT</pubDate></item><item><title>Introducing the popover API</title><link>https://una.im/2023-05-23-popover/</link><guid isPermaLink="true">https://una.im/2023-05-23-popover/</guid><description>Popovers are everywhere on the web platform. Learn how to use the new web platform primitives to take advantage of them today.</description><pubDate>Tue, 23 May 2023 00:00:00 GMT</pubDate></item><item><title>What&apos;s new in CSS and UI: I/O 2023 Edition</title><link>https://una.im/2023-05-11-new-in-web/</link><guid isPermaLink="true">https://una.im/2023-05-11-new-in-web/</guid><description>Popovers are everywhere on the web platform. Learn how to use the new web platform primitives to take advantage of them today.</description><pubDate>Thu, 11 May 2023 00:00:00 GMT</pubDate></item><item><title>Using color-mix() to create opacity variants</title><link>https://una.im/color-mix-opacity/</link><guid isPermaLink="true">https://una.im/color-mix-opacity/</guid><description>Build an alpha color system without splitting out channels using this one neat trick.</description><pubDate>Fri, 31 Mar 2023 00:00:00 GMT</pubDate></item><item><title>Getting started with style queries</title><link>https://una.im/2023-02-24-style-queries/</link><guid isPermaLink="true">https://una.im/2023-02-24-style-queries/</guid><description>With style queries landing in stable Chrome, learn about how to use them in applications.</description><pubDate>Fri, 24 Feb 2023 00:00:00 GMT</pubDate></item><item><title>Container queries land in stable browsers</title><link>https://una.im/2023-02-14-cq-stable/</link><guid isPermaLink="true">https://una.im/2023-02-14-cq-stable/</guid><description>Learn about working with container queries and the polyfill.</description><pubDate>Tue, 14 Feb 2023 00:00:00 GMT</pubDate></item><item><title>Working with container queries today</title><link>https://una.im/2022-09-15-cq-stable/</link><guid isPermaLink="true">https://una.im/2022-09-15-cq-stable/</guid><description>Learn about working with container queries and the polyfill.</description><pubDate>Thu, 15 Sep 2022 00:00:00 GMT</pubDate></item><item><title>@container and :has(): two powerful new responsive APIs</title><link>https://una.im/2022-08-03-cq/</link><guid isPermaLink="true">https://una.im/2022-08-03-cq/</guid><description>Leverage the responsive UI power of container queries + :has().</description><pubDate>Wed, 03 Aug 2022 00:00:00 GMT</pubDate></item><item><title>Style Queries</title><link>https://una.im/style-queries/</link><guid isPermaLink="true">https://una.im/style-queries/</guid><description>Exploring when and how you would use style queries in your day-to-day work.</description><pubDate>Mon, 27 Jun 2022 00:00:00 GMT</pubDate></item><item><title>Cascade layers are coming to your browser</title><link>https://una.im/2022-02-01-cascade-layers/</link><guid isPermaLink="true">https://una.im/2022-02-01-cascade-layers/</guid><description>Learn about using cascade layers to control the CSS cascade for more targetted styles.</description><pubDate>Tue, 01 Feb 2022 00:00:00 GMT</pubDate></item><item><title>2021 in Review</title><link>https://una.im/2021-in-review/</link><guid isPermaLink="true">https://una.im/2021-in-review/</guid><description>Reviewing 2021&apos;s highs, lows, and everything in between.</description><pubDate>Fri, 31 Dec 2021 00:00:00 GMT</pubDate></item><item><title>How we Built Designcember</title><link>https://una.im/2021-12-28-designcember/</link><guid isPermaLink="true">https://una.im/2021-12-28-designcember/</guid><description>Behind-the-scenes of designcember.com.</description><pubDate>Tue, 28 Dec 2021 00:00:00 GMT</pubDate></item><item><title>Personalize It!</title><link>https://una.im/2021-12-22-personalize-it/</link><guid isPermaLink="true">https://una.im/2021-12-22-personalize-it/</guid><description>I answer the question &quot;what is one thing you can do to make your site better?&quot;</description><pubDate>Wed, 22 Dec 2021 00:00:00 GMT</pubDate></item><item><title>CSS for Web Vitals</title><link>https://una.im/2021-06-02-css-cwv/</link><guid isPermaLink="true">https://una.im/2021-06-02-css-cwv/</guid><description>CSS-related techniques for optimizing Core Web Vitals.</description><pubDate>Wed, 02 Jun 2021 00:00:00 GMT</pubDate></item><item><title>The new responsive: Web design in a component-driven world</title><link>https://una.im/2021-05-26-new-responsive/</link><guid isPermaLink="true">https://una.im/2021-05-26-new-responsive/</guid><description>Controlling macro and micro layout in a new era of responsive web design.</description><pubDate>Wed, 26 May 2021 00:00:00 GMT</pubDate></item><item><title>Next Gen CSS: @container</title><link>https://una.im/2021-05-11-at-container/</link><guid isPermaLink="true">https://una.im/2021-05-11-at-container/</guid><description>@container brings us the ability to style elements based on the size of their parent container.</description><pubDate>Tue, 11 May 2021 00:00:00 GMT</pubDate></item><item><title>Updates in hardware-accelerated animation capabilities</title><link>https://una.im/2021-02-22-animations/</link><guid isPermaLink="true">https://una.im/2021-02-22-animations/</guid><description>Learn about using cascade layers to control the CSS cascade for more targetted styles.</description><pubDate>Mon, 22 Feb 2021 00:00:00 GMT</pubDate></item><item><title>New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly</title><link>https://una.im/2021-01-28-aspect-ratio/</link><guid isPermaLink="true">https://una.im/2021-01-28-aspect-ratio/</guid><description>The new CSS property that helps maintain spacing in responsive layouts.</description><pubDate>Thu, 28 Jan 2021 00:00:00 GMT</pubDate></item><item><title>2020 in Review</title><link>https://una.im/2020-in-review/</link><guid isPermaLink="true">https://una.im/2020-in-review/</guid><description>Well this year absolutely sucked. But I&apos;ll try to take a look at the positive.</description><pubDate>Tue, 22 Dec 2020 00:00:00 GMT</pubDate></item><item><title>Cross-browser paint worklets and Houdini.how</title><link>https://una.im/2020-12-10-houdini-how/</link><guid isPermaLink="true">https://una.im/2020-12-10-houdini-how/</guid><description>Supercharging your CSS with Houdini paint worklets is just a few clicks away.</description><pubDate>Thu, 10 Dec 2020 00:00:00 GMT</pubDate></item><item><title>min(), max(), and clamp(): Three Logical CSS Functions to Use Today</title><link>https://una.im/2020-10-14-min-max-clamp/</link><guid isPermaLink="true">https://una.im/2020-10-14-min-max-clamp/</guid><description>Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions.</description><pubDate>Wed, 14 Oct 2020 00:00:00 GMT</pubDate></item><item><title>content-visibility: the New CSS Property that Boosts your Rendering Performance</title><link>https://una.im/2020-08-05-content-visibility/</link><guid isPermaLink="true">https://una.im/2020-08-05-content-visibility/</guid><description>Improve initial load time by skipping the rendering of offscreen content.</description><pubDate>Wed, 05 Aug 2020 00:00:00 GMT</pubDate></item><item><title>@property: giving superpowers to CSS variables</title><link>https://una.im/2020-07-21-at-property/</link><guid isPermaLink="true">https://una.im/2020-07-21-at-property/</guid><description>The Houdini Properties and Values API is coming to your CSS file in Chromium 85.</description><pubDate>Tue, 21 Jul 2020 00:00:00 GMT</pubDate></item><item><title>Ten Modern Layouts in One Line of CSS</title><link>https://una.im/1linelayouts/</link><guid isPermaLink="true">https://una.im/1linelayouts/</guid><description>This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.</description><pubDate>Tue, 07 Jul 2020 00:00:00 GMT</pubDate></item><item><title>Web Animations API improvements in Chromium 84</title><link>https://una.im/web-animations-api/</link><guid isPermaLink="true">https://una.im/web-animations-api/</guid><description>Orchestrating animations with promises, performance improvements with replaceable animations, smoother animations with composite modes, and more.</description><pubDate>Wed, 27 May 2020 00:00:00 GMT</pubDate></item><item><title>Randomized Selective Color: A Post List Study</title><link>https://una.im/random-selective-colors/</link><guid isPermaLink="true">https://una.im/random-selective-colors/</guid><description>A  study on selective color from a predefined list, using CSS custom properties, a little bit of JavaScript, and some progressively enhanced CSS Houdini.</description><pubDate>Mon, 27 Apr 2020 00:00:00 GMT</pubDate></item><item><title>The Web in 2020: On Extensibility and Interoperability</title><link>https://una.im/web-in-2020/</link><guid isPermaLink="true">https://una.im/web-in-2020/</guid><description>In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward two major trends/goals: extensibility and interoperability.</description><pubDate>Wed, 22 Jan 2020 00:00:00 GMT</pubDate></item><item><title>Using Material Density on the Web</title><link>https://una.im/material-density/</link><guid isPermaLink="true">https://una.im/material-density/</guid><description>The latest update to our density guidelines includes a new systematic approach to applying density and spacing in digital products.</description><pubDate>Thu, 16 Jan 2020 00:00:00 GMT</pubDate></item><item><title>2019 in Review</title><link>https://una.im/2019-in-review/</link><guid isPermaLink="true">https://una.im/2019-in-review/</guid><description>2019 was a massive year for me. I like to reflect on the year and set some goals for the future.</description><pubDate>Fri, 10 Jan 2020 00:00:00 GMT</pubDate></item><item><title>Calculating Color: Dynamic Color Theming with Pure CSS</title><link>https://una.im/css-color-theming/</link><guid isPermaLink="true">https://una.im/css-color-theming/</guid><description>Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on!</description><pubDate>Thu, 05 Dec 2019 00:00:00 GMT</pubDate></item><item><title>How to Use Material Data Tables on the Web</title><link>https://una.im/material-data-tables/</link><guid isPermaLink="true">https://una.im/material-data-tables/</guid><description>Creative web design and systematic web design don’t need to be at arms. This post examines how to use a design system (Material) and extend it to make it your own.</description><pubDate>Wed, 25 Sep 2019 00:00:00 GMT</pubDate></item><item><title>Material Theming: Making Material Your Own!</title><link>https://una.im/material-theming-intro/</link><guid isPermaLink="true">https://una.im/material-theming-intro/</guid><description>Creative web design and systematic web design don’t need to be at arms. This post examines how to use a design system (Material) and extend it to make it your own.</description><pubDate>Mon, 03 Jun 2019 00:00:00 GMT</pubDate></item><item><title>I&apos;m Joining Google!</title><link>https://una.im/joining-google/</link><guid isPermaLink="true">https://una.im/joining-google/</guid><description>Just a little writeup about what I&apos;ve learned and what I&apos;m up to next.</description><pubDate>Wed, 27 Mar 2019 00:00:00 GMT</pubDate></item><item><title>An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods</title><link>https://una.im/map-reduce-filter/</link><guid isPermaLink="true">https://una.im/map-reduce-filter/</guid><description>Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power. This post makes them a little easier to understand.</description><pubDate>Tue, 26 Mar 2019 00:00:00 GMT</pubDate></item><item><title>New horizons in CSS: Houdini and the Paint API</title><link>https://una.im/houdini-horizons/</link><guid isPermaLink="true">https://una.im/houdini-horizons/</guid><description>I wrote a blog post for LogRocket about CSS Houdini and the Paint API! Complete with demos and illustrations.</description><pubDate>Wed, 09 Jan 2019 00:00:00 GMT</pubDate></item><item><title>The Future of Responsive Design</title><link>https://una.im/future-interfaces/</link><guid isPermaLink="true">https://una.im/future-interfaces/</guid><description>With expanding web technoligies, we can now interpret responsive design as the way it affects a user’s context, and how we can be the most responsive to the user’s needs and experience.</description><pubDate>Tue, 08 Jan 2019 00:00:00 GMT</pubDate></item><item><title>2018 in Review</title><link>https://una.im/2018-in-review/</link><guid isPermaLink="true">https://una.im/2018-in-review/</guid><description>Reviewing how my 2018 went, and discussing goals for next year!</description><pubDate>Fri, 04 Jan 2019 00:00:00 GMT</pubDate></item><item><title>Solved with CSS! Logical Styling Based on the Number of Given Elements</title><link>https://una.im/logical-styling/</link><guid isPermaLink="true">https://una.im/logical-styling/</guid><description>The old-third post in my &quot;Solved with CSS&quot; Series, this time detailing how you can use CSS to apply logical styling based on how many elements are inside of a parent.</description><pubDate>Thu, 26 Jul 2018 00:00:00 GMT</pubDate></item><item><title>The Female Engineers of Bustle on Getting the Job Done</title><link>https://una.im/bdg-engineers/</link><guid isPermaLink="true">https://una.im/bdg-engineers/</guid><description>A feature on Bustle, sponsored by Windows, on my some of my teammates and myself, where we discuss work, the team, and falling in love with coding.</description><pubDate>Tue, 22 May 2018 00:00:00 GMT</pubDate></item><item><title>Solved With CSS! Dropdown Menus</title><link>https://una.im/dropdowns-solved-with-css/</link><guid isPermaLink="true">https://una.im/dropdowns-solved-with-css/</guid><description>A CSS Tricks post on how we can create accessible dropdowns using only vanilla CSS.</description><pubDate>Tue, 01 May 2018 00:00:00 GMT</pubDate></item><item><title>Solved With CSS! Colorizing SVG Backgrounds</title><link>https://una.im/colorizing-svg/</link><guid isPermaLink="true">https://una.im/colorizing-svg/</guid><description>A CSS Tricks post on how we can colorize inaccessible SVG backgrounds by using CSS filters, instead!</description><pubDate>Fri, 30 Mar 2018 00:00:00 GMT</pubDate></item><item><title>Pair Projecting</title><link>https://una.im/pair-projecting/</link><guid isPermaLink="true">https://una.im/pair-projecting/</guid><description>This is my second Pastry Box Project post: on why working with other people makes projects more rewarding.</description><pubDate>Tue, 27 Mar 2018 00:00:00 GMT</pubDate></item><item><title>2017 in Review</title><link>https://una.im/2017-in-review/</link><guid isPermaLink="true">https://una.im/2017-in-review/</guid><description>Keeping the tradition alive! My 2017 in review and 2018 goals.</description><pubDate>Sun, 31 Dec 2017 00:00:00 GMT</pubDate></item><item><title>Why Design Systems Fail</title><link>https://una.im/24-ways/</link><guid isPermaLink="true">https://una.im/24-ways/</guid><description>This 24-Ways post looks into why the implementation of design systems and how to ensure that yours is successful.</description><pubDate>Thu, 14 Dec 2017 00:00:00 GMT</pubDate></item><item><title>I&apos;m Useless Without a To-Do List</title><link>https://una.im/productivity-2017/</link><guid isPermaLink="true">https://una.im/productivity-2017/</guid><description>It&apos;s hard to stay on task and productive — especially when we&apos;ve got so much going on in our lives. This post details how I maintain a TODO list system to accomplish just that.</description><pubDate>Tue, 12 Dec 2017 00:00:00 GMT</pubDate></item><item><title>The Contrast Swap Technique: Improved Image Performance with CSS Filters</title><link>https://una.im/contrast-swap-technique/</link><guid isPermaLink="true">https://una.im/contrast-swap-technique/</guid><description>With CSS filter effects and blend modes, we can now leverage various techniques for styling images directly in the browser. However, creating aesthetic theming isn&apos;t all that filter effects are good for. You can use filters for web performance, too.</description><pubDate>Fri, 17 Nov 2017 00:00:00 GMT</pubDate></item><item><title>Locally Scoped CSS Variables: What, How, and Why</title><link>https://una.im/local-css-vars/</link><guid isPermaLink="true">https://una.im/local-css-vars/</guid><description>Leveraging CSS Variable scope improves the size, specificity, and semantics of our stylesheets. This article talks all about what CSS Variables are and how we can leverage scope to improve our styling.</description><pubDate>Mon, 05 Jun 2017 00:00:00 GMT</pubDate></item><item><title>VSCode Custom Workspaces</title><link>https://una.im/code-workspaces/</link><guid isPermaLink="true">https://una.im/code-workspaces/</guid><description>VSCode just released custom workspaces! This means you can customize your text editor layout and style for different projects within a single editor!</description><pubDate>Mon, 24 Apr 2017 00:00:00 GMT</pubDate></item><item><title>3 CSS Grid Features That Make My Heart Flutter</title><link>https://una.im/css-grid/</link><guid isPermaLink="true">https://una.im/css-grid/</guid><description>An awesome CSS grid tool was just released for Firefox, and the web has been buzzing about it. This is a short post about my 3 favorite features!</description><pubDate>Thu, 30 Mar 2017 00:00:00 GMT</pubDate></item><item><title>Creative Side Projects: A How-To Guide</title><link>https://una.im/creative-side-projs/</link><guid isPermaLink="true">https://una.im/creative-side-projs/</guid><description>The best way to learn any new skill is through practice. This post is about how to come up with creative and effective side projects for developers to keep up with today&apos;s ever-changing technology.</description><pubDate>Wed, 08 Mar 2017 00:00:00 GMT</pubDate></item><item><title>Interview on Shoptalk Show</title><link>https://una.im/shoptalk-aea/</link><guid isPermaLink="true">https://una.im/shoptalk-aea/</guid><description>I was on the Shoptalk Show (hosted by Chris Coyier and Dave Rupert) with Krystal Higgins talking about An Event Apart, speaking, and finding a &quot;thing&quot;</description><pubDate>Thu, 23 Feb 2017 00:00:00 GMT</pubDate></item><item><title>Implementing &quot;Save For Offline&quot; with Service Workers</title><link>https://una.im/save-offline/</link><guid isPermaLink="true">https://una.im/save-offline/</guid><description>I recently added an option to save blog posts for offline reading. This post details how I did that and how you can too.</description><pubDate>Thu, 26 Jan 2017 00:00:00 GMT</pubDate></item><item><title>2016 Year In Review + 2017 Resolutions</title><link>https://una.im/2016-review/</link><guid isPermaLink="true">https://una.im/2016-review/</guid><description>It&apos;s time for my annual reflection and goal resetting circa 2016</description><pubDate>Wed, 28 Dec 2016 00:00:00 GMT</pubDate></item><item><title>Simplicity in Design: Insights from an Industrial Engineer</title><link>https://una.im/simplicity-in-eng/</link><guid isPermaLink="true">https://una.im/simplicity-in-eng/</guid><description>My father, an industrial engineer with over 20 years od experience talks about interface design and the important of simplicity in programming.</description><pubDate>Tue, 27 Dec 2016 00:00:00 GMT</pubDate></item><item><title>Rethinking Responsive Design</title><link>https://una.im/rethinking-responsive/</link><guid isPermaLink="true">https://una.im/rethinking-responsive/</guid><description>From Google&apos;s physical web project to the emergence of more affordable virtual reality and augmented reality systems, it&apos;s time to take a serious look at how the web is changing, and the exciting possibilities for its application outside of screens.</description><pubDate>Sun, 06 Nov 2016 00:00:00 GMT</pubDate></item><item><title>Digitalocean.com on the Responsive Web Design Podcast</title><link>https://una.im/new-do-podcast/</link><guid isPermaLink="true">https://una.im/new-do-podcast/</guid><description>I was on the Responsive Web Design Podcast, co-hosted by Karen McGrane and Ethan Marcotte, with my coworker Zach Schnackel to discuss the new digitalocean.com</description><pubDate>Mon, 17 Oct 2016 00:00:00 GMT</pubDate></item><item><title>3 Years of Pattern Libraries: Lessons Learned</title><link>https://una.im/pattern-libs/</link><guid isPermaLink="true">https://una.im/pattern-libs/</guid><description>Component libraries can be very useful in terms of organization, unity, and ensuring performance/accessibility. Here are 3 things to understand when embarking on building your own.</description><pubDate>Mon, 26 Sep 2016 00:00:00 GMT</pubDate></item><item><title>Faster and More Accessible: The New digitalocean.com</title><link>https://una.im/new-do/</link><guid isPermaLink="true">https://una.im/new-do/</guid><description>We unified the site with our updated branding, and also focused on improving digitalocean.com&apos;s accessibility, organization, and performance.</description><pubDate>Wed, 17 Aug 2016 00:00:00 GMT</pubDate></item><item><title>3 Weird SVG Browser Inconsistencies</title><link>https://una.im/weird-svg-issues/</link><guid isPermaLink="true">https://una.im/weird-svg-issues/</guid><description>This post started with a simple search and turned into a trove of undocumented knowledge I discovered about finicky cross-browser SVG properties.</description><pubDate>Mon, 01 Aug 2016 00:00:00 GMT</pubDate></item><item><title>3 Easy Performance Wins for Designers</title><link>https://una.im/perf-design-wins/</link><guid isPermaLink="true">https://una.im/perf-design-wins/</guid><description>Wish media being the biggest performance bottleneck on the web, let&apos;s turn our focus to design. This post outlines 3 easy wins for more performant UI&apos;s.</description><pubDate>Mon, 11 Jul 2016 00:00:00 GMT</pubDate></item><item><title>It’s Not About Morals: Accessibility is for the Masses</title><link>https://una.im/a11y-for-the-masses/</link><guid isPermaLink="true">https://una.im/a11y-for-the-masses/</guid><description>Accessibility is often solely discussed in terms of people with disabilities, but in truth, it&apos;s something that benefits the majority (if not all) of your users.</description><pubDate>Wed, 01 Jun 2016 00:00:00 GMT</pubDate></item><item><title>Web Image Effects Performance Showdown</title><link>https://una.im/smashing-perf/</link><guid isPermaLink="true">https://una.im/smashing-perf/</guid><description>This post for Smashing Magazine looks at one of the most popular image effects, grayscale, to compare its implementation in HTML canvas, SVG, CSS filters, and CSS blend modes.</description><pubDate>Thu, 19 May 2016 00:00:00 GMT</pubDate></item><item><title>Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean </title><link>https://una.im/pa11y-dash/</link><guid isPermaLink="true">https://una.im/pa11y-dash/</guid><description>This post will walk you through setting up an accessibility testing dashboard from A to Z. Let&apos;s make the Internet more better together.</description><pubDate>Wed, 04 May 2016 00:00:00 GMT</pubDate></item><item><title>Lessons Learned at IBM Design</title><link>https://una.im/ibm-lessons/</link><guid isPermaLink="true">https://una.im/ibm-lessons/</guid><description>I&apos;ve learned so much during my time at IBM Design! This is a little wrap up post and an announcement about my next adventure.</description><pubDate>Tue, 12 Apr 2016 00:00:00 GMT</pubDate></item><item><title>Pure CSS Games with Counter-Increment</title><link>https://una.im/css-games/</link><guid isPermaLink="true">https://una.im/css-games/</guid><description>Did you know you can make games in CSS? This post explores a relatively obscure CSS property (counter-increment) combined with checkbox inputs to show you how.</description><pubDate>Fri, 08 Apr 2016 00:00:00 GMT</pubDate></item><item><title>Interview on The Start FM</title><link>https://una.im/the-start/</link><guid isPermaLink="true">https://una.im/the-start/</guid><description>I was interviewed for one of my favorite podcasts ever: The Start FM. The conversation is about how I got to be where I am now and what it means to be so young in the industry.</description><pubDate>Tue, 05 Apr 2016 00:00:00 GMT</pubDate></item><item><title>If You Know Sass, You Know ES2015</title><link>https://una.im/sass-es2015/</link><guid isPermaLink="true">https://una.im/sass-es2015/</guid><description>If you know some Sass, you&apos;re probably a lot further than you think to understanding and diving into the world of modern JavaScript. This post showcases some of the similarities.</description><pubDate>Tue, 23 Feb 2016 00:00:00 GMT</pubDate></item><item><title>Finessing &lt; feColorMatrix &gt;</title><link>https://una.im/fecolormatrix/</link><guid isPermaLink="true">https://una.im/fecolormatrix/</guid><description>CSS Filters are awesome, but you can&apos;t do individual channel manipulation with them. Enter: feColorMatrix, SVG filter effect method that allows for really in-depth pixel value manipulation for even better image filters.</description><pubDate>Thu, 11 Feb 2016 00:00:00 GMT</pubDate></item><item><title>A Gulp-Based External SVG Symbol Sprite Icon System</title><link>https://una.im/svg-icons/</link><guid isPermaLink="true">https://una.im/svg-icons/</guid><description>Icons are essential to most pattern libraries and web design systems. Let&apos;s take a look at a scalable approach!</description><pubDate>Tue, 26 Jan 2016 00:00:00 GMT</pubDate></item><item><title>How Did I Begin Coding?</title><link>https://una.im/begin-coding/</link><guid isPermaLink="true">https://una.im/begin-coding/</guid><description>I wrote about how I began to code for the new publishing platform SuperYesMore. TL;DR &amp;mdash; cartoon dolls and Flash.</description><pubDate>Wed, 13 Jan 2016 00:00:00 GMT</pubDate></item><item><title>2015 Year In Review &amp; 2016 Resolutions</title><link>https://una.im/2015-review/</link><guid isPermaLink="true">https://una.im/2015-review/</guid><description>It&apos;s time for my annual reflection and goal resetting! It&apos;s been a crazy year for sure.</description><pubDate>Mon, 28 Dec 2015 00:00:00 GMT</pubDate></item><item><title>Classy CSS&amp;colon; a Programmatic Approach to Sass Stylesheets</title><link>https://una.im/classy-css/</link><guid isPermaLink="true">https://una.im/classy-css/</guid><description>An opinionated Sass architecture system for writing modular and scalable libraries. Also, a case in defense of extends.</description><pubDate>Sun, 15 Nov 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #6: Infrared Photography</title><link>https://una.im/infrared/</link><guid isPermaLink="true">https://una.im/infrared/</guid><description>In the final post of the CSS Image Effects series, we explore the beautiful, surreal world of infrared photography by creating our own faux effect.</description><pubDate>Sat, 07 Nov 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #5: Lomography</title><link>https://una.im/lomo/</link><guid isPermaLink="true">https://una.im/lomo/</guid><description>A vibrant, unexpected, and fun effect &amp;mdash; the Lomography Effect is an opportunity where you can really be creative and try out various CSS image techniques.</description><pubDate>Mon, 02 Nov 2015 00:00:00 GMT</pubDate></item><item><title>Introducing CSSgram: A CSS Library for Instagram Filters</title><link>https://una.im/cssgram/</link><guid isPermaLink="true">https://una.im/cssgram/</guid><description>CSSgram is a tiny (&amp;lt;1kb gzipped) library for recreating Instagram filters with CSS filters, gradients, and blend modes.</description><pubDate>Sun, 25 Oct 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #4: Bokeh Textures</title><link>https://una.im/bokeh/</link><guid isPermaLink="true">https://una.im/bokeh/</guid><description>Bokeh textures are very popular in photography. Let&apos;s take a look at how to create our own.</description><pubDate>Sun, 18 Oct 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #3: Vignettes 3 Ways</title><link>https://una.im/vignettes/</link><guid isPermaLink="true">https://una.im/vignettes/</guid><description>This week we&apos;ll take a look at one of the most popular photo manipulations: adding a vignette to draw attention to the center of an image.</description><pubDate>Fri, 09 Oct 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #2: 3D Glasses</title><link>https://una.im/3d-effect/</link><guid isPermaLink="true">https://una.im/3d-effect/</guid><description>How do you make 3D-glasses-like graphics in the browser? We&apos;ll look at how blend modes work together to create this effect.</description><pubDate>Mon, 05 Oct 2015 00:00:00 GMT</pubDate></item><item><title>CSS Image Effects #1: Vintage Washout</title><link>https://una.im/vintage-washout/</link><guid isPermaLink="true">https://una.im/vintage-washout/</guid><description>The first post in a series on creating custom image effects in CSS. We&apos;ll take a look at the vintage washout effect.</description><pubDate>Fri, 02 Oct 2015 00:00:00 GMT</pubDate></item><item><title>The Internet We Know is Built on Hacks</title><link>https://una.im/internet-is-hacks/</link><guid isPermaLink="true">https://una.im/internet-is-hacks/</guid><description>From HTTP2, Flexbox, CSS Filters, and ES6, the Internet we know today is built on hacks. Lets explore some of those hacks and solutions.</description><pubDate>Mon, 24 Aug 2015 00:00:00 GMT</pubDate></item><item><title>CodeNewbie Podcast</title><link>https://una.im/code-newbie/</link><guid isPermaLink="true">https://una.im/code-newbie/</guid><description>I was interviewed for the CodeNewbie podcast, where I talk about life, IBM Design, open source, and personal goals.</description><pubDate>Mon, 03 Aug 2015 00:00:00 GMT</pubDate></item><item><title>How to Get Designers Involved in Your OSS Project</title><link>https://una.im/oscon-article/</link><guid isPermaLink="true">https://una.im/oscon-article/</guid><description>A journalists take on my OSCON talk — Open Source Design, A Love Story.</description><pubDate>Mon, 27 Jul 2015 00:00:00 GMT</pubDate></item><item><title>Tech Conference Travel Tips</title><link>https://una.im/travel-tips/</link><guid isPermaLink="true">https://una.im/travel-tips/</guid><description>With preparations for the fall conference season coming up, here are some travel tips to help make your life a little bit easier.</description><pubDate>Tue, 14 Jul 2015 00:00:00 GMT</pubDate></item><item><title>Opensource.com Interview</title><link>https://una.im/osd-interview/</link><guid isPermaLink="true">https://una.im/osd-interview/</guid><description>How designers can contribute to open source, an interview for the OSCon Speaker Interview Series.</description><pubDate>Wed, 08 Jul 2015 00:00:00 GMT</pubDate></item><item><title>Atomic OOBEMITSCSS</title><link>https://una.im/atomic-oobemitscss/</link><guid isPermaLink="true">https://una.im/atomic-oobemitscss/</guid><description>A ridiculous frankenstein of a name for a legitimate approach to CSS that pulls ideas from the most popular approaches.</description><pubDate>Tue, 07 Jul 2015 00:00:00 GMT</pubDate></item><item><title>Hacking :visited</title><link>https://una.im/hacking-visited/</link><guid isPermaLink="true">https://una.im/hacking-visited/</guid><description>Hacking the :visited selector to show unread posts. We&apos;ll look at the limitations and my little work-around.</description><pubDate>Sun, 07 Jun 2015 00:00:00 GMT</pubDate></item><item><title>Sass Pixel Art</title><link>https://una.im/sass-pixel-art/</link><guid isPermaLink="true">https://una.im/sass-pixel-art/</guid><description>Pixel art is so much fun! This blog post walks through how to read a matrix-like list with Sass and generate Mario pixel art from box shadows.</description><pubDate>Sun, 03 May 2015 00:00:00 GMT</pubDate></item><item><title>Embrace the Terminal</title><link>https://una.im/embrace-the-terminal/</link><guid isPermaLink="true">https://una.im/embrace-the-terminal/</guid><description>If you use a computer, you could use your terminal to make huge improvements to your work flow. This article talks about getting started and writing aliases to customize your experience.</description><pubDate>Sun, 19 Apr 2015 00:00:00 GMT</pubDate></item><item><title>Sketchnotes from SXSW 2015</title><link>https://una.im/sxsw-sketchnotes/</link><guid isPermaLink="true">https://una.im/sxsw-sketchnotes/</guid><description>Some selected sketchnotes from a few talks I went to at the SXSW Interactive 2015 Conference.</description><pubDate>Mon, 23 Mar 2015 00:00:00 GMT</pubDate></item><item><title>5 Great Uses for Sass Maps</title><link>https://una.im/5-great-uses-sass-maps/</link><guid isPermaLink="true">https://una.im/5-great-uses-sass-maps/</guid><description>Another blog post written for SitePoint about 5 great uses for Sass maps and other thoughts on code at the moment.</description><pubDate>Tue, 17 Mar 2015 00:00:00 GMT</pubDate></item><item><title>On Code and Community</title><link>https://una.im/code-and-community/</link><guid isPermaLink="true">https://una.im/code-and-community/</guid><description>A blog post written for SitePoint on why community is at the crux of a thriving code base.</description><pubDate>Thu, 19 Feb 2015 00:00:00 GMT</pubDate></item><item><title>The Science of Web Animations&amp;: SPA</title><link>https://una.im/spa/</link><guid isPermaLink="true">https://una.im/spa/</guid><description>Neuroscience plays a big roll in our design work. This post takes a look at Sensory Memory and how animations that visually link states can improve a user&apos;s experience.</description><pubDate>Mon, 09 Feb 2015 00:00:00 GMT</pubDate></item><item><title>Sketchnotes, FTW</title><link>https://una.im/sketchnotes/</link><guid isPermaLink="true">https://una.im/sketchnotes/</guid><description>Sketchnotes are a great way to document a talk or event. They allow you to doodle and get a little bit creative with your content recording.</description><pubDate>Sat, 24 Jan 2015 00:00:00 GMT</pubDate></item><item><title>Sass Director and Manifest Files</title><link>https://una.im/sass-manifests/</link><guid isPermaLink="true">https://una.im/sass-manifests/</guid><description>I created a tool that lets you architect your Sass project in a single location (your manifest file), and it will build all of the directories and partials for you! This blog explains what a Sass manifest file is, what it does, and why you should use one.</description><pubDate>Sun, 18 Jan 2015 00:00:00 GMT</pubDate></item><item><title>2015 Resolutions</title><link>https://una.im/2015-resolutions/</link><guid isPermaLink="true">https://una.im/2015-resolutions/</guid><description>This is a personal post about my 2014 in review (because a lot happened) and my goals for 2015. Happy New Year!</description><pubDate>Wed, 31 Dec 2014 00:00:00 GMT</pubDate></item><item><title>Setting up PageSpeed Insights to test Performance Locally via Gulp</title><link>https://una.im/gulp-local-psi/</link><guid isPermaLink="true">https://una.im/gulp-local-psi/</guid><description>This is a walk through of how to set up Google PageSpeed Insights within your existing gulp project. This way, you can get your page speed score information within your terminal without first needing to push your site to a live server.</description><pubDate>Wed, 17 Dec 2014 00:00:00 GMT</pubDate></item><item><title>How Open Sourcing My Personal Goals Made Me Really Productive</title><link>https://una.im/personal-goals-guide/</link><guid isPermaLink="true">https://una.im/personal-goals-guide/</guid><description>For the past four weeks, I&apos;ve been keeping a very public and open version of my personal goals on Github. Its definitely made me a lot more productive, and you should give it a try.</description><pubDate>Thu, 06 Nov 2014 00:00:00 GMT</pubDate></item><item><title>On Learning and Comprehension</title><link>https://una.im/comprehension/</link><guid isPermaLink="true">https://una.im/comprehension/</guid><description>I&apos;ve been doing a lot of research and experimentation lately about how people learn. This post might give you some ideas to improve your own comprehension and think about your own learning style.</description><pubDate>Sun, 14 Dec 2014 00:00:00 GMT</pubDate></item><item><title>Open Source Design</title><link>https://una.im/open-source-design/</link><guid isPermaLink="true">https://una.im/open-source-design/</guid><description>When designers and developers work together from the start, it produces better outcomes. But how can we get designers involved and wanting to participate in the open source community from the start?</description><pubDate>Wed, 19 Nov 2014 00:00:00 GMT</pubDate></item><item><title>A Pretty Long List of Style Guides and Pattern Libraries</title><link>https://una.im/pattern-libraries/</link><guid isPermaLink="true">https://una.im/pattern-libraries/</guid><description>An alphabetized list of styleguides and pattern libraries and a look into the differences between those two terms.</description><pubDate>Thu, 13 Nov 2014 00:00:00 GMT</pubDate></item><item><title>ATX Sass</title><link>https://una.im/atx-sass/</link><guid isPermaLink="true">https://una.im/atx-sass/</guid><description>Our new website for Austin&apos;s Sass Meetup is live!</description><pubDate>Thu, 13 Nov 2014 00:00:00 GMT</pubDate></item><item><title>The Intimidation Barrier</title><link>https://una.im/intimidation-barrier/</link><guid isPermaLink="true">https://una.im/intimidation-barrier/</guid><description>A closer look at one of the reasons why designers don&apos;t participate in the open source community. (This links out to designopen.org)</description><pubDate>Sun, 09 Nov 2014 00:00:00 GMT</pubDate></item><item><title>Becoming a Keyboard Ninja: The Sticky Note Method</title><link>https://una.im/keyboard-ninja/</link><guid isPermaLink="true">https://una.im/keyboard-ninja/</guid><description>The keyboard, where our hands are placed most of the time (as developers), is the fastest navigation method by default. Knowing how to navigate yours system via keyboard will really optimize your workflow.</description><pubDate>Mon, 27 Oct 2014 15:21:36 GMT</pubDate></item><item><title>Media Queries of the Future!</title><link>https://una.im/media-queries-of-the-future/</link><guid isPermaLink="true">https://una.im/media-queries-of-the-future/</guid><description>The Media Queries 4 spec brings insight to technological capabilities that are coming up soon (this is based on the Editor’s Draft, October 10, 2014).</description><pubDate>Thu, 16 Oct 2014 00:00:00 GMT</pubDate></item><item><title>Sass Bites #33: Una Kravets</title><link>https://una.im/on-sass-bites/</link><guid isPermaLink="true">https://una.im/on-sass-bites/</guid><description>I was on Sass Bites this week!</description><pubDate>Thu, 10 Apr 2014 00:00:00 GMT</pubDate></item><item><title>Building Proofessor</title><link>https://una.im/building-proofessor/</link><guid isPermaLink="true">https://una.im/building-proofessor/</guid><description>A behind-the-scenes look at the making of the Proofessor app. (This links out to viget.com)</description><pubDate>Fri, 09 Aug 2013 00:00:00 GMT</pubDate></item></channel></rss>