Una Kravets OnlineThe personal blog of Una Kravets. Web development, design, and platform news.https://una.im/contrast-color() beyond black & whitehttps://una.im/advanced-contrast-color/https://una.im/advanced-contrast-color/Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.Fri, 13 Mar 2026 00:00:00 GMTAutomated accessible text with contrast-color()https://una.im/contrast-color/https://una.im/contrast-color/Let the browser pick the most readable text color for any background with this new CSS function.Thu, 12 Mar 2026 00:00:00 GMTborder-shape: the future of the non-rectangular webhttps://una.im/border-shape/https://una.im/border-shape/Learn about new geometry capabilities with this game-changing experimental CSS feature.Thu, 19 Feb 2026 00:00:00 GMT2025 in Reviewhttps://una.im/2025-in-review/https://una.im/2025-in-review/2025 in review.Tue, 06 Jan 2026 00:00:00 GMTDirectional CSS with scroll-state(scrolled)https://una.im/scroll-state-scrolled/https://una.im/scroll-state-scrolled/Style based on scroll direction with this new scroll-state query feature.Wed, 17 Dec 2025 00:00:00 GMTCSS Wrapped: 2025!https://una.im/2025-12-08-css-wrapped/https://una.im/2025-12-08-css-wrapped/Sculpt a more dynamic web, and learn about the new CSS and UI features that landed in Chrome in 2025.Mon, 08 Dec 2025 00:00:00 GMTRange Syntax for Style Querieshttps://una.im/range-style-queries/https://una.im/range-style-queries/Learn how to use the new range syntax for CSS style queries and the if() function.Wed, 12 Nov 2025 00:00:00 GMTDetect fallback positions with anchored container queries from Chrome 143https://una.im/2025-10-29-anchored-queries/https://una.im/2025-10-29-anchored-queries/Identify and style an anchored element in a fallback anchor position.Wed, 29 Oct 2025 00:00:00 GMTFollow-the-leader pattern with CSS anchor positioninghttps://una.im/follow-the-anchor/https://una.im/follow-the-anchor/Learn how to create a dynamically re-anchored pointer element.Thu, 11 Sep 2025 00:00:00 GMT5 Useful CSS functions using the new @function rulehttps://una.im/5-css-functions/https://una.im/5-css-functions/CSS custom functions are a gamechanger. Here are 5 really useful examples.Wed, 13 Aug 2025 00:00:00 GMTCreating a scroll-spy with 2 lines of CSShttps://una.im/scroll-target-group/https://una.im/scroll-target-group/scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.Tue, 29 Jul 2025 00:00:00 GMTWhat is popover=hint?https://una.im/popover-hint/https://una.im/popover-hint/Learn about what exactly this new popover feature does and how it relates to interest invokers.Mon, 07 Jul 2025 00:00:00 GMTNew capabilities for attr()https://una.im/advanced-attr/https://una.im/advanced-attr/Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.Tue, 21 Jan 2025 00:00:00 GMTUpdates to the customizable select APIhttps://una.im/select-updates/https://una.im/select-updates/Everything that has changed since the RFC post for this feature.Fri, 10 Jan 2025 00:00:00 GMT2024 in Reviewhttps://una.im/2024-in-review/https://una.im/2024-in-review/2024 in review.Mon, 06 Jan 2025 00:00:00 GMTCustomizable select: request for developer feedbackhttps://una.im/2024-09-12-select-rfc/https://una.im/2024-09-12-select-rfc/Learn about the new customizable select component, and try it out today.Thu, 12 Sep 2024 00:00:00 GMT@property: Next-gen CSS variables now with universal browser support https://una.im/2024-07-12-at-property-baseline/https://una.im/2024-07-12-at-property-baseline/The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements.Fri, 12 Jul 2024 00:00:00 GMTThe latest in CSS and web UI: I/O 2024 recaphttps://una.im/2024-06-11-css-at-io/https://una.im/2024-06-11-css-at-io/The web platform is alive with innovation, with CSS and web UI features at the forefront of this exciting evolution.Tue, 11 Jun 2024 00:00:00 GMTIntroducing the CSS anchor positioning APIhttps://una.im/2024-05-10-anchor-pos-intro/https://una.im/2024-05-10-anchor-pos-intro/The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements.Fri, 10 May 2024 00:00:00 GMTPopover API lands in Baselinehttps://una.im/2024-04-25-popover-baseline/https://una.im/2024-04-25-popover-baseline/Popover provides so many great developer affordances for building layered interfaces like tooltips, menus, teaching UIs, and more.Thu, 25 Apr 2024 00:00:00 GMT2023 in Reviewhttps://una.im/2023-in-review/https://una.im/2023-in-review/Annual year in review: 2023 edition.Sun, 31 Dec 2023 00:00:00 GMTCSS Wrapped: 2023!https://una.im/2023-12-08-css-wrapped/https://una.im/2023-12-08-css-wrapped/2023 was a huge year for CSS! Learn about all the Web UI highlights that landed in browsers this year.Fri, 08 Dec 2023 00:00:00 GMTSelect element: now with horizontal ruleshttps://una.im/2023-10-23-hr-select/https://una.im/2023-10-23-hr-select/The select element gets a small but mighty upgrade where you can now add <hr> (horizontal rule) elements into the list of options and they will appear as separators.Mon, 23 Oct 2023 00:00:00 GMTFour new CSS features for smooth entry and exit animationshttps://una.im/2023-08-16-entry-exit-animations/https://una.im/2023-08-16-entry-exit-animations/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.Wed, 16 Aug 2023 00:00:00 GMTBuilding a no-JS radial menu with CSS trigonometry, popover, and anchor positioninghttps://una.im/radial-menu/https://una.im/radial-menu/Learn how to build a fluid, modern radial menu leveraging new and upcoming CSS capabilities.Thu, 20 Jul 2023 00:00:00 GMT2022.5 in Reviewhttps://una.im/2022-in-review/https://una.im/2022-in-review/Catching up on last year's year-in-review postWed, 05 Jul 2023 00:00:00 GMTIntroducing the popover APIhttps://una.im/2023-05-23-popover/https://una.im/2023-05-23-popover/Popovers are everywhere on the web platform. Learn how to use the new web platform primitives to take advantage of them today.Tue, 23 May 2023 00:00:00 GMTWhat's new in CSS and UI: I/O 2023 Editionhttps://una.im/2023-05-11-new-in-web/https://una.im/2023-05-11-new-in-web/Popovers are everywhere on the web platform. Learn how to use the new web platform primitives to take advantage of them today.Thu, 11 May 2023 00:00:00 GMTUsing color-mix() to create opacity variantshttps://una.im/color-mix-opacity/https://una.im/color-mix-opacity/Build an alpha color system without splitting out channels using this one neat trick.Fri, 31 Mar 2023 00:00:00 GMTGetting started with style querieshttps://una.im/2023-02-24-style-queries/https://una.im/2023-02-24-style-queries/With style queries landing in stable Chrome, learn about how to use them in applications.Fri, 24 Feb 2023 00:00:00 GMTContainer queries land in stable browsershttps://una.im/2023-02-14-cq-stable/https://una.im/2023-02-14-cq-stable/Learn about working with container queries and the polyfill.Tue, 14 Feb 2023 00:00:00 GMTWorking with container queries todayhttps://una.im/2022-09-15-cq-stable/https://una.im/2022-09-15-cq-stable/Learn about working with container queries and the polyfill.Thu, 15 Sep 2022 00:00:00 GMT@container and :has(): two powerful new responsive APIshttps://una.im/2022-08-03-cq/https://una.im/2022-08-03-cq/Leverage the responsive UI power of container queries + :has().Wed, 03 Aug 2022 00:00:00 GMTStyle Querieshttps://una.im/style-queries/https://una.im/style-queries/Exploring when and how you would use style queries in your day-to-day work.Mon, 27 Jun 2022 00:00:00 GMTCascade layers are coming to your browserhttps://una.im/2022-02-01-cascade-layers/https://una.im/2022-02-01-cascade-layers/Learn about using cascade layers to control the CSS cascade for more targetted styles.Tue, 01 Feb 2022 00:00:00 GMT2021 in Reviewhttps://una.im/2021-in-review/https://una.im/2021-in-review/Reviewing 2021's highs, lows, and everything in between.Fri, 31 Dec 2021 00:00:00 GMTHow we Built Designcemberhttps://una.im/2021-12-28-designcember/https://una.im/2021-12-28-designcember/Behind-the-scenes of designcember.com.Tue, 28 Dec 2021 00:00:00 GMTPersonalize It!https://una.im/2021-12-22-personalize-it/https://una.im/2021-12-22-personalize-it/I answer the question "what is one thing you can do to make your site better?"Wed, 22 Dec 2021 00:00:00 GMTCSS for Web Vitalshttps://una.im/2021-06-02-css-cwv/https://una.im/2021-06-02-css-cwv/CSS-related techniques for optimizing Core Web Vitals.Wed, 02 Jun 2021 00:00:00 GMTThe new responsive: Web design in a component-driven worldhttps://una.im/2021-05-26-new-responsive/https://una.im/2021-05-26-new-responsive/Controlling macro and micro layout in a new era of responsive web design.Wed, 26 May 2021 00:00:00 GMTNext Gen CSS: @containerhttps://una.im/2021-05-11-at-container/https://una.im/2021-05-11-at-container/@container brings us the ability to style elements based on the size of their parent container.Tue, 11 May 2021 00:00:00 GMTUpdates in hardware-accelerated animation capabilitieshttps://una.im/2021-02-22-animations/https://una.im/2021-02-22-animations/Learn about using cascade layers to control the CSS cascade for more targetted styles.Mon, 22 Feb 2021 00:00:00 GMTNew aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightlyhttps://una.im/2021-01-28-aspect-ratio/https://una.im/2021-01-28-aspect-ratio/The new CSS property that helps maintain spacing in responsive layouts.Thu, 28 Jan 2021 00:00:00 GMT2020 in Reviewhttps://una.im/2020-in-review/https://una.im/2020-in-review/Well this year absolutely sucked. But I'll try to take a look at the positive.Tue, 22 Dec 2020 00:00:00 GMTCross-browser paint worklets and Houdini.howhttps://una.im/2020-12-10-houdini-how/https://una.im/2020-12-10-houdini-how/Supercharging your CSS with Houdini paint worklets is just a few clicks away.Thu, 10 Dec 2020 00:00:00 GMTmin(), max(), and clamp(): Three Logical CSS Functions to Use Todayhttps://una.im/2020-10-14-min-max-clamp/https://una.im/2020-10-14-min-max-clamp/Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions.Wed, 14 Oct 2020 00:00:00 GMTcontent-visibility: the New CSS Property that Boosts your Rendering Performancehttps://una.im/2020-08-05-content-visibility/https://una.im/2020-08-05-content-visibility/Improve initial load time by skipping the rendering of offscreen content.Wed, 05 Aug 2020 00:00:00 GMT@property: giving superpowers to CSS variableshttps://una.im/2020-07-21-at-property/https://una.im/2020-07-21-at-property/The Houdini Properties and Values API is coming to your CSS file in Chromium 85.Tue, 21 Jul 2020 00:00:00 GMTTen Modern Layouts in One Line of CSShttps://una.im/1linelayouts/https://una.im/1linelayouts/This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.Tue, 07 Jul 2020 00:00:00 GMTWeb Animations API improvements in Chromium 84https://una.im/web-animations-api/https://una.im/web-animations-api/Orchestrating animations with promises, performance improvements with replaceable animations, smoother animations with composite modes, and more.Wed, 27 May 2020 00:00:00 GMTRandomized Selective Color: A Post List Studyhttps://una.im/random-selective-colors/https://una.im/random-selective-colors/A study on selective color from a predefined list, using CSS custom properties, a little bit of JavaScript, and some progressively enhanced CSS Houdini.Mon, 27 Apr 2020 00:00:00 GMTThe Web in 2020: On Extensibility and Interoperabilityhttps://una.im/web-in-2020/https://una.im/web-in-2020/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.Wed, 22 Jan 2020 00:00:00 GMTUsing Material Density on the Webhttps://una.im/material-density/https://una.im/material-density/The latest update to our density guidelines includes a new systematic approach to applying density and spacing in digital products.Thu, 16 Jan 2020 00:00:00 GMT2019 in Reviewhttps://una.im/2019-in-review/https://una.im/2019-in-review/2019 was a massive year for me. I like to reflect on the year and set some goals for the future.Fri, 10 Jan 2020 00:00:00 GMTCalculating Color: Dynamic Color Theming with Pure CSShttps://una.im/css-color-theming/https://una.im/css-color-theming/Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on!Thu, 05 Dec 2019 00:00:00 GMTHow to Use Material Data Tables on the Webhttps://una.im/material-data-tables/https://una.im/material-data-tables/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.Wed, 25 Sep 2019 00:00:00 GMTMaterial Theming: Making Material Your Own!https://una.im/material-theming-intro/https://una.im/material-theming-intro/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.Mon, 03 Jun 2019 00:00:00 GMTI'm Joining Google!https://una.im/joining-google/https://una.im/joining-google/Just a little writeup about what I've learned and what I'm up to next.Wed, 27 Mar 2019 00:00:00 GMTAn Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methodshttps://una.im/map-reduce-filter/https://una.im/map-reduce-filter/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.Tue, 26 Mar 2019 00:00:00 GMTNew horizons in CSS: Houdini and the Paint APIhttps://una.im/houdini-horizons/https://una.im/houdini-horizons/I wrote a blog post for LogRocket about CSS Houdini and the Paint API! Complete with demos and illustrations.Wed, 09 Jan 2019 00:00:00 GMTThe Future of Responsive Designhttps://una.im/future-interfaces/https://una.im/future-interfaces/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.Tue, 08 Jan 2019 00:00:00 GMT2018 in Reviewhttps://una.im/2018-in-review/https://una.im/2018-in-review/Reviewing how my 2018 went, and discussing goals for next year!Fri, 04 Jan 2019 00:00:00 GMTSolved with CSS! Logical Styling Based on the Number of Given Elementshttps://una.im/logical-styling/https://una.im/logical-styling/The old-third post in my "Solved with CSS" Series, this time detailing how you can use CSS to apply logical styling based on how many elements are inside of a parent.Thu, 26 Jul 2018 00:00:00 GMTThe Female Engineers of Bustle on Getting the Job Donehttps://una.im/bdg-engineers/https://una.im/bdg-engineers/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.Tue, 22 May 2018 00:00:00 GMTSolved With CSS! Dropdown Menushttps://una.im/dropdowns-solved-with-css/https://una.im/dropdowns-solved-with-css/A CSS Tricks post on how we can create accessible dropdowns using only vanilla CSS.Tue, 01 May 2018 00:00:00 GMTSolved With CSS! Colorizing SVG Backgroundshttps://una.im/colorizing-svg/https://una.im/colorizing-svg/A CSS Tricks post on how we can colorize inaccessible SVG backgrounds by using CSS filters, instead!Fri, 30 Mar 2018 00:00:00 GMTPair Projectinghttps://una.im/pair-projecting/https://una.im/pair-projecting/This is my second Pastry Box Project post: on why working with other people makes projects more rewarding.Tue, 27 Mar 2018 00:00:00 GMT2017 in Reviewhttps://una.im/2017-in-review/https://una.im/2017-in-review/Keeping the tradition alive! My 2017 in review and 2018 goals.Sun, 31 Dec 2017 00:00:00 GMTWhy Design Systems Failhttps://una.im/24-ways/https://una.im/24-ways/This 24-Ways post looks into why the implementation of design systems and how to ensure that yours is successful.Thu, 14 Dec 2017 00:00:00 GMTI'm Useless Without a To-Do Listhttps://una.im/productivity-2017/https://una.im/productivity-2017/It's hard to stay on task and productive — especially when we've got so much going on in our lives. This post details how I maintain a TODO list system to accomplish just that.Tue, 12 Dec 2017 00:00:00 GMTThe Contrast Swap Technique: Improved Image Performance with CSS Filtershttps://una.im/contrast-swap-technique/https://una.im/contrast-swap-technique/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't all that filter effects are good for. You can use filters for web performance, too.Fri, 17 Nov 2017 00:00:00 GMTLocally Scoped CSS Variables: What, How, and Whyhttps://una.im/local-css-vars/https://una.im/local-css-vars/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.Mon, 05 Jun 2017 00:00:00 GMTVSCode Custom Workspaceshttps://una.im/code-workspaces/https://una.im/code-workspaces/VSCode just released custom workspaces! This means you can customize your text editor layout and style for different projects within a single editor!Mon, 24 Apr 2017 00:00:00 GMT3 CSS Grid Features That Make My Heart Flutterhttps://una.im/css-grid/https://una.im/css-grid/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!Thu, 30 Mar 2017 00:00:00 GMTCreative Side Projects: A How-To Guidehttps://una.im/creative-side-projs/https://una.im/creative-side-projs/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's ever-changing technology.Wed, 08 Mar 2017 00:00:00 GMTInterview on Shoptalk Showhttps://una.im/shoptalk-aea/https://una.im/shoptalk-aea/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 "thing"Thu, 23 Feb 2017 00:00:00 GMTImplementing "Save For Offline" with Service Workershttps://una.im/save-offline/https://una.im/save-offline/I recently added an option to save blog posts for offline reading. This post details how I did that and how you can too.Thu, 26 Jan 2017 00:00:00 GMT2016 Year In Review + 2017 Resolutionshttps://una.im/2016-review/https://una.im/2016-review/It's time for my annual reflection and goal resetting circa 2016Wed, 28 Dec 2016 00:00:00 GMTSimplicity in Design: Insights from an Industrial Engineerhttps://una.im/simplicity-in-eng/https://una.im/simplicity-in-eng/My father, an industrial engineer with over 20 years od experience talks about interface design and the important of simplicity in programming.Tue, 27 Dec 2016 00:00:00 GMTRethinking Responsive Designhttps://una.im/rethinking-responsive/https://una.im/rethinking-responsive/From Google's physical web project to the emergence of more affordable virtual reality and augmented reality systems, it's time to take a serious look at how the web is changing, and the exciting possibilities for its application outside of screens.Sun, 06 Nov 2016 00:00:00 GMTDigitalocean.com on the Responsive Web Design Podcasthttps://una.im/new-do-podcast/https://una.im/new-do-podcast/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.comMon, 17 Oct 2016 00:00:00 GMT3 Years of Pattern Libraries: Lessons Learnedhttps://una.im/pattern-libs/https://una.im/pattern-libs/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.Mon, 26 Sep 2016 00:00:00 GMTFaster and More Accessible: The New digitalocean.comhttps://una.im/new-do/https://una.im/new-do/We unified the site with our updated branding, and also focused on improving digitalocean.com's accessibility, organization, and performance.Wed, 17 Aug 2016 00:00:00 GMT3 Weird SVG Browser Inconsistencieshttps://una.im/weird-svg-issues/https://una.im/weird-svg-issues/This post started with a simple search and turned into a trove of undocumented knowledge I discovered about finicky cross-browser SVG properties.Mon, 01 Aug 2016 00:00:00 GMT3 Easy Performance Wins for Designershttps://una.im/perf-design-wins/https://una.im/perf-design-wins/Wish media being the biggest performance bottleneck on the web, let's turn our focus to design. This post outlines 3 easy wins for more performant UI's.Mon, 11 Jul 2016 00:00:00 GMTIt’s Not About Morals: Accessibility is for the Masseshttps://una.im/a11y-for-the-masses/https://una.im/a11y-for-the-masses/Accessibility is often solely discussed in terms of people with disabilities, but in truth, it's something that benefits the majority (if not all) of your users.Wed, 01 Jun 2016 00:00:00 GMTWeb Image Effects Performance Showdownhttps://una.im/smashing-perf/https://una.im/smashing-perf/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.Thu, 19 May 2016 00:00:00 GMTSetting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean https://una.im/pa11y-dash/https://una.im/pa11y-dash/This post will walk you through setting up an accessibility testing dashboard from A to Z. Let's make the Internet more better together.Wed, 04 May 2016 00:00:00 GMTLessons Learned at IBM Designhttps://una.im/ibm-lessons/https://una.im/ibm-lessons/I've learned so much during my time at IBM Design! This is a little wrap up post and an announcement about my next adventure.Tue, 12 Apr 2016 00:00:00 GMTPure CSS Games with Counter-Incrementhttps://una.im/css-games/https://una.im/css-games/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.Fri, 08 Apr 2016 00:00:00 GMTInterview on The Start FMhttps://una.im/the-start/https://una.im/the-start/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.Tue, 05 Apr 2016 00:00:00 GMTIf You Know Sass, You Know ES2015https://una.im/sass-es2015/https://una.im/sass-es2015/If you know some Sass, you'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.Tue, 23 Feb 2016 00:00:00 GMTFinessing < feColorMatrix >https://una.im/fecolormatrix/https://una.im/fecolormatrix/CSS Filters are awesome, but you can'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.Thu, 11 Feb 2016 00:00:00 GMTA Gulp-Based External SVG Symbol Sprite Icon Systemhttps://una.im/svg-icons/https://una.im/svg-icons/Icons are essential to most pattern libraries and web design systems. Let's take a look at a scalable approach!Tue, 26 Jan 2016 00:00:00 GMTHow Did I Begin Coding?https://una.im/begin-coding/https://una.im/begin-coding/I wrote about how I began to code for the new publishing platform SuperYesMore. TL;DR &mdash; cartoon dolls and Flash.Wed, 13 Jan 2016 00:00:00 GMT2015 Year In Review & 2016 Resolutionshttps://una.im/2015-review/https://una.im/2015-review/It's time for my annual reflection and goal resetting! It's been a crazy year for sure.Mon, 28 Dec 2015 00:00:00 GMTClassy CSS&colon; a Programmatic Approach to Sass Stylesheetshttps://una.im/classy-css/https://una.im/classy-css/An opinionated Sass architecture system for writing modular and scalable libraries. Also, a case in defense of extends.Sun, 15 Nov 2015 00:00:00 GMTCSS Image Effects #6: Infrared Photographyhttps://una.im/infrared/https://una.im/infrared/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.Sat, 07 Nov 2015 00:00:00 GMTCSS Image Effects #5: Lomographyhttps://una.im/lomo/https://una.im/lomo/A vibrant, unexpected, and fun effect &mdash; the Lomography Effect is an opportunity where you can really be creative and try out various CSS image techniques.Mon, 02 Nov 2015 00:00:00 GMTIntroducing CSSgram: A CSS Library for Instagram Filtershttps://una.im/cssgram/https://una.im/cssgram/CSSgram is a tiny (&lt;1kb gzipped) library for recreating Instagram filters with CSS filters, gradients, and blend modes.Sun, 25 Oct 2015 00:00:00 GMTCSS Image Effects #4: Bokeh Textureshttps://una.im/bokeh/https://una.im/bokeh/Bokeh textures are very popular in photography. Let's take a look at how to create our own.Sun, 18 Oct 2015 00:00:00 GMTCSS Image Effects #3: Vignettes 3 Wayshttps://una.im/vignettes/https://una.im/vignettes/This week we'll take a look at one of the most popular photo manipulations: adding a vignette to draw attention to the center of an image.Fri, 09 Oct 2015 00:00:00 GMTCSS Image Effects #2: 3D Glasseshttps://una.im/3d-effect/https://una.im/3d-effect/How do you make 3D-glasses-like graphics in the browser? We'll look at how blend modes work together to create this effect.Mon, 05 Oct 2015 00:00:00 GMTCSS Image Effects #1: Vintage Washouthttps://una.im/vintage-washout/https://una.im/vintage-washout/The first post in a series on creating custom image effects in CSS. We'll take a look at the vintage washout effect.Fri, 02 Oct 2015 00:00:00 GMTThe Internet We Know is Built on Hackshttps://una.im/internet-is-hacks/https://una.im/internet-is-hacks/From HTTP2, Flexbox, CSS Filters, and ES6, the Internet we know today is built on hacks. Lets explore some of those hacks and solutions.Mon, 24 Aug 2015 00:00:00 GMTCodeNewbie Podcasthttps://una.im/code-newbie/https://una.im/code-newbie/I was interviewed for the CodeNewbie podcast, where I talk about life, IBM Design, open source, and personal goals.Mon, 03 Aug 2015 00:00:00 GMTHow to Get Designers Involved in Your OSS Projecthttps://una.im/oscon-article/https://una.im/oscon-article/A journalists take on my OSCON talk — Open Source Design, A Love Story.Mon, 27 Jul 2015 00:00:00 GMTTech Conference Travel Tipshttps://una.im/travel-tips/https://una.im/travel-tips/With preparations for the fall conference season coming up, here are some travel tips to help make your life a little bit easier.Tue, 14 Jul 2015 00:00:00 GMTOpensource.com Interviewhttps://una.im/osd-interview/https://una.im/osd-interview/How designers can contribute to open source, an interview for the OSCon Speaker Interview Series.Wed, 08 Jul 2015 00:00:00 GMTAtomic OOBEMITSCSShttps://una.im/atomic-oobemitscss/https://una.im/atomic-oobemitscss/A ridiculous frankenstein of a name for a legitimate approach to CSS that pulls ideas from the most popular approaches.Tue, 07 Jul 2015 00:00:00 GMTHacking :visitedhttps://una.im/hacking-visited/https://una.im/hacking-visited/Hacking the :visited selector to show unread posts. We'll look at the limitations and my little work-around.Sun, 07 Jun 2015 00:00:00 GMTSass Pixel Arthttps://una.im/sass-pixel-art/https://una.im/sass-pixel-art/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.Sun, 03 May 2015 00:00:00 GMTEmbrace the Terminalhttps://una.im/embrace-the-terminal/https://una.im/embrace-the-terminal/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.Sun, 19 Apr 2015 00:00:00 GMTSketchnotes from SXSW 2015https://una.im/sxsw-sketchnotes/https://una.im/sxsw-sketchnotes/Some selected sketchnotes from a few talks I went to at the SXSW Interactive 2015 Conference.Mon, 23 Mar 2015 00:00:00 GMT5 Great Uses for Sass Mapshttps://una.im/5-great-uses-sass-maps/https://una.im/5-great-uses-sass-maps/Another blog post written for SitePoint about 5 great uses for Sass maps and other thoughts on code at the moment.Tue, 17 Mar 2015 00:00:00 GMTOn Code and Communityhttps://una.im/code-and-community/https://una.im/code-and-community/A blog post written for SitePoint on why community is at the crux of a thriving code base.Thu, 19 Feb 2015 00:00:00 GMTThe Science of Web Animations&: SPAhttps://una.im/spa/https://una.im/spa/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's experience.Mon, 09 Feb 2015 00:00:00 GMTSketchnotes, FTWhttps://una.im/sketchnotes/https://una.im/sketchnotes/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.Sat, 24 Jan 2015 00:00:00 GMTSass Director and Manifest Fileshttps://una.im/sass-manifests/https://una.im/sass-manifests/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.Sun, 18 Jan 2015 00:00:00 GMT2015 Resolutionshttps://una.im/2015-resolutions/https://una.im/2015-resolutions/This is a personal post about my 2014 in review (because a lot happened) and my goals for 2015. Happy New Year!Wed, 31 Dec 2014 00:00:00 GMTSetting up PageSpeed Insights to test Performance Locally via Gulphttps://una.im/gulp-local-psi/https://una.im/gulp-local-psi/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.Wed, 17 Dec 2014 00:00:00 GMTHow Open Sourcing My Personal Goals Made Me Really Productivehttps://una.im/personal-goals-guide/https://una.im/personal-goals-guide/For the past four weeks, I'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.Thu, 06 Nov 2014 00:00:00 GMTOn Learning and Comprehensionhttps://una.im/comprehension/https://una.im/comprehension/I'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.Sun, 14 Dec 2014 00:00:00 GMTOpen Source Designhttps://una.im/open-source-design/https://una.im/open-source-design/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?Wed, 19 Nov 2014 00:00:00 GMTA Pretty Long List of Style Guides and Pattern Librarieshttps://una.im/pattern-libraries/https://una.im/pattern-libraries/An alphabetized list of styleguides and pattern libraries and a look into the differences between those two terms.Thu, 13 Nov 2014 00:00:00 GMTATX Sasshttps://una.im/atx-sass/https://una.im/atx-sass/Our new website for Austin's Sass Meetup is live!Thu, 13 Nov 2014 00:00:00 GMTThe Intimidation Barrierhttps://una.im/intimidation-barrier/https://una.im/intimidation-barrier/A closer look at one of the reasons why designers don't participate in the open source community. (This links out to designopen.org)Sun, 09 Nov 2014 00:00:00 GMTBecoming a Keyboard Ninja: The Sticky Note Methodhttps://una.im/keyboard-ninja/https://una.im/keyboard-ninja/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.Mon, 27 Oct 2014 15:21:36 GMTMedia Queries of the Future!https://una.im/media-queries-of-the-future/https://una.im/media-queries-of-the-future/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).Thu, 16 Oct 2014 00:00:00 GMTSass Bites #33: Una Kravetshttps://una.im/on-sass-bites/https://una.im/on-sass-bites/I was on Sass Bites this week!Thu, 10 Apr 2014 00:00:00 GMTBuilding Proofessorhttps://una.im/building-proofessor/https://una.im/building-proofessor/A behind-the-scenes look at the making of the Proofessor app. (This links out to viget.com)Fri, 09 Aug 2013 00:00:00 GMT