Una Kravets Online

Orchestrating animations with promises, performance improvements with replaceable animations, smoother animations with composite modes, and more.

A study on selective color from a predefined list, using CSS custom properties, a little bit of JavaScript, and some progressively enhanced CSS Houdini.

In the past few years, we’ve seen a lot of change and diversion in regard to web technologies.

The latest update to our density guidelines includes a new systematic approach to applying density and spacing in digital products.

2019 was a massive year for me.

Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!?

Creative web design and systematic web design don’t need to be at arms.

Creative web design and systematic web design don’t need to be at arms.

Just a little writeup about what I've learned and what I'm up to next.

Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power.

I wrote a blog post for LogRocket about CSS Houdini and the Paint API!

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.

Reviewing how my 2018 went, and discussing goals for next year!

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.

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.

A CSS Tricks post on how we can create accessible dropdowns using only vanilla CSS.

A CSS Tricks post on how we can colorize inaccessible SVG backgrounds by using CSS filters, instead!

This is my second Pastry Box Project post: on why working with other people makes projects more rewarding.

Keeping the tradition alive!

This 24-Ways post looks into why the implementation of design systems and how to ensure that yours is successful.

It's hard to stay on task and productive — especially when we've got so much going on in our lives.

With CSS filter effects and blend modes, we can now leverage various techniques for styling images directly in the browser.

Leveraging CSS Variable scope improves the size, specificity, and semantics of our stylesheets.

VSCode just released custom workspaces!

An awesome CSS grid tool was just released for Firefox, and the web has been buzzing about it.

The best way to learn any new skill is through practice.

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"

I recently added an option to save blog posts for offline reading.

It's time for my annual reflection and goal resetting circa 2016

My father, an industrial engineer with over 20 years od experience talks about interface design and the important of simplicity in programming.

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.

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

Component libraries can be very useful in terms of organization, unity, and ensuring performance/accessibility.

We unified the site with our updated branding, and also focused on improving digitalocean.com's accessibility, organization, and performance.

This post started with a simple search and turned into a trove of undocumented knowledge I discovered about finicky cross-browser SVG properties.

Wish media being the biggest performance bottleneck on the web, let's turn our focus to design.

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.

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.

This post will walk you through setting up an accessibility testing dashboard from A to Z.

I've learned so much during my time at IBM Design!

Did you know you can make games in CSS?

I was interviewed for one of my favorite podcasts ever: The Start FM.

If you know some Sass, you're probably a lot further than you think to understanding and diving into the world of modern JavaScript.

CSS Filters are awesome, but you can't do individual channel manipulation with them.

Icons are essential to most pattern libraries and web design systems.

I wrote about how I began to code for the new publishing platform SuperYesMore.

It's time for my annual reflection and goal resetting!

An opinionated Sass architecture system for writing modular and scalable libraries.

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.

A vibrant, unexpected, and fun effect — the Lomography Effect is an opportunity where you can really be creative and try out various CSS image techniques.