Una π©π»βπ»
Developer Advocate @google @materialdesign π§¬π¨ CSS fangirl & cohost @toolsday. photos of my life: http://instagram.com/unakravets
Writer1 story / month
The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on…
I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning
Solving a Tricky Layout Problem with CSS Grid
Last year, while working at Mud , I worked on the CSS on a site for Warner Brothers Leavesden Park studios . A large part of myβ¦
Courses
Ready to learn and up your game as a web developer? Here is a listing of all the courses Iβve put out. Some of them are paid and some of them are free. Iβm delivering a new course everyβ¦
The Power of CSS β Una Kravets / Front-Trends 2017
http://front-trends.com/ This talk will go over some of the superpowers of CSS. From fauxtoshop to recreating common UI elements, or querying for browser inf...
Web Perception Tookit
The Web Perception Toolkit is an open-source library that provides the tools for you to add an augmented experience to your website. The toolkit works by taking a stream from the device camera, and…
Angled Background CSS-only "Mixin"
It's possible to create Sass-like "functions" and "mixins" in plain CSS, using variables and functions. This one is based on a Houdini example by @snug...
Sign in
βͺEnglish (United Kingdom)β¬βͺEnglish (United States)β¬βͺEspaΓ±ol (LatinoamΓ©rica)β¬
Spec Β· Toolsday Β· 93. Svelte
We chat with Rich Harris about his Svelte and the upcoming Svelte v3!
The women running for president are breaking the rules of branding
The most diverse field of presidential candidates ever is also pushing the color of campaign branding like never before.
What's New In DevTools (Chrome 75)
Meaningful autocomplete preset values, clear site data from the Command Menu, and more.
Native image lazy-loading for the web!
In this post, we'll look at the new loading attribute which brings native and lazy-loading to the web!. For the curious, here&...
Macaroni Art
Click and drag to start drawing with macaroni! Macaroni Fusilli Cheese
I'm Joining Google!
Just a little writeup about what I've learned and what I'm up to next. | on Una Kravets' Blog
SVG Circle Decomposition To Paths β Smashing Magazine
This article will show you how to turn SVG circles into paths which you can use in animation and text paths, as well as how to turn paths into circles. Once youβve figured out how it all works, youβll…
10 HTML Elements You Didn't Know You Needed
Iβve heard the sentiment βHTML is easyβ more times than I can count. And while ...
Houdini -- playing with JS in CSS
Simple paint worklet that draws an X to create a placeholder box. Uses the Houdini CSS Paint API. Read more: [Say Hello to Houdini and the CSS Paint A...