Sign in with Twitter

Username:

Making the web more stylish ✨🎨 CSS / Web DevRel @googlechrome @csswg πŸ¦„ Host of The CSS Podcast, @toolsday, & Designing in the Browser 🎬 she/her

1,220 Following   53,485 Followers   24,023 Tweets

Joined Twitter 11/5/08


@seaotta I do the same thing πŸ˜‚ @seaotta How did I miss this?
7/10
2020
@Mamboleoo I submitted a CFP! When there were conferences (pre-covid), there used to be articles with lists of even… https://t.co/AqQ660HPBKCreating content (demos, articles, workshops, talks) transformed my career and opened so many doors. Teaching is… https://t.co/HCqPMJovBTIf you're thinking about tech speaking, do it! You don't have to be a so-called "expert" to teach. In todays world… https://t.co/Wlrr0nwQr8Nearly exactly 7 years ago I spoke at my first tech conference (https://t.co/6ZsartSr92) I later realized I was th… https://t.co/uHilS74xva @lynnandtonic You should sell this as a print!🌈 Have you played with gradient hints yet? βš–οΈYou can move the midpoint between any two color stops by adding an un… https://t.co/uNuN8K7vH2
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»See Also: https://t.co/40gCdJMhKuPut together a timelapse of my CSS collector’s cabinet to show how it’s being drawn. 🎨 https://t.co/vaJQWaeiXC (Th… https://t.co/xhmxMEinLf
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @feather oh no.
7/9
2020
New blog post! πŸŽ‰ The Cicada Principle, revisited with CSS variables https://t.co/CZuKL3ZBwr …where I discuss usin… https://t.co/unVdOEDuJT
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @_developit Understanding the 9-slice model helped me a lot. It's a very confusing spec. MDN has some nice visuals: https://t.co/gR0GHqVq0QJoin us Monday, August 17 for Online Together: Front-End Focusβ€”a one-day conference exploring the latest in CSS adv… https://t.co/2U0NIN452L
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»Yes, in fact I do still have that tab open from last week's meeting @TatianaTMac @techgirl1908 Damn I wasn't first to this joke // *walk of shame* @TatianaTMac @techgirl1908 All Code MattersIt’s free! You want to take my HTML course for free? Along with a whole series of software development courses?… https://t.co/jQ1kS3WuRM
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @aaronpeters I'm glad you find it useful! @desandro @necolas Back in the day Now I just use component-scoped styles so it's not necessaryYou can also go to https://t.co/2ZKk3cJCbc now β€” it's an easier URL to remember and reference @rncrtr @jlengstorf Yes I opened a PR to fix this link! In the meantime, I think you got the URL right! 😊 @xaddict Yep exactly, gap is not widely supported in flexbox yet, and I wanted these examples to be universal (at l… https://t.co/NVy7d59iaOπŸŽ‰ Blog post just went live! 😎 Learn about some really powerful and concise lines of code that bring zen and clarit… https://t.co/BcsaLpJ6Fj @chrisdhanaraj @verbiate @SlideShare I want it!
7/8
2020
@skullface Yess! See also: cartoon dollz and myspace page designs @notdetails @KTamas I'm pretty sure this is from a wedding at the start of COVID (for reference) That's the first… https://t.co/hs2Qjwtb55Today, @rachelandrew takes a look at some of the interesting CSS features that are making their way into browsers r… https://t.co/FIH7TiGSIh
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @cassiecodes @Mamboleoo Subbed!1-Line Layouts by @Una β€œ10 modern CSS layout and sizing techniques that highlight just how robust and impactful a… https://t.co/Ywqy0Ig7Jd
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @jlengstorf Truly obsessed with the sound effects! I love that they're making a comeback @jlengstorf This is so fun!!Little Big Detail on the new https://t.co/Ol6jWQ7kYU page ✨ Enter the Konami code: Up Up Down Down Left Right Left… https://t.co/orAWjkRwS5
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»You know how you can create a new Google doc/sheet/slide/etc. using the .new domain name? (e.g.… https://t.co/c5Grb6LSnT
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @harmoniriggins @Google Yayyy! Congrats! Welcome 😁
7/7
2020
One <div> is fun but how about 50? As I was working on this it was turning into just a collection of single divs,… https://t.co/VI3WnQ1MFu
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @joevans0 Hahaha honestly it's been so much easier for me to lose weight because I'm not traveling every 2-3 weeks πŸ˜† Low carb life! @rip212 @RomanSndlr Russian was my first language 😊
7/6
2020
@gregolls @swyx https://t.co/3ltfCaao0i @RomanSndlr Ukraine! @maddesigns Yes totally agree! I actually have a follow up post set for Tuesday that uses this instead! @patrickbjohnson I think I got it on cotton bureau ages ago @rachelandrew Cat stepped on the pedal?Happy 4th of July weekend! πŸ‡ΊπŸ‡Έ https://t.co/VEs01PIMgk @swyx @DasSurma I didn't even know it was live yet either! πŸ˜† Thanks for sharing this 😊
7/5
2020
@sxywu @the_patima @NadiehBremer I miss you too!!!!!Everyday it becomes clearer to me...simplicity is not free. The easier a product is to use is directly correlated… https://t.co/IQrgJ8BEFL
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»
7/3
2020
Thanks for all the great questions during #webdevLIVE 😁 ➑️ Check out https://t.co/e4KBCOD89I (built for this talk!… https://t.co/477zdWeFBJ
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»πŸŽ₯ New talk! Let's make images smaller… ➑️ How lossy & lossless codecs actually work. ➑️ Each codecs pros/cons. βž‘οΈβ€¦ https://t.co/NXbv4DXVJO
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @benarson @jensimmons I think it’s definitely far off but it would be interesting to connect transitions between el… https://t.co/ZJSKkDcpqc @JecelynYeen @ChromeDevTools This is awesome!!! @Danilo_Polani Flexbox is 1-dimensional layout, while grid allows 2-dimensional layout to fill out the space alloted @jensimmons Animated page transitions that don’t require a framework πŸ˜‚Thanks for all the great questions during #webdevLIVE 😁 ➑️ Check out https://t.co/e4KBCOD89I (built for this talk!… https://t.co/477zdWeFBJLearn how to make 10 unique modern layouts using 1 line of CSS! The inimitable @Una Kravets shares a handful of tr… https://t.co/ywcCnquoD3
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»We're live for the last day of https://t.co/FFiNSEig24! Up next: my team is chatting tooling And then: I talk abo… https://t.co/8C5yd1TLLb @CyberAP @addyosmani Definitely! @the_patima @sxywu and @NadiehBremer
7/2
2020
@odinthenerd @SaraJChipps @lessin @auren When you start a business you typically do it in a meaningful location. If… https://t.co/Uri5tuSwBG @odinthenerd @SaraJChipps @lessin @auren The avg rent for a studio apt in NYC is $2300, so making 25k/year won’t ev… https://t.co/5WmpmNfgNk @YasmineEvjen @materialdesign Wooooo!!! Me cheering y’all on from across the org: https://t.co/7eSv230wwL @rodydavis @Google @materialdesign Congrats! πŸ₯³πŸ₯³πŸ₯³ it’s a great role 😁Please give us feedback so we can keep improving our conference experience, especially important going in to Chrome… https://t.co/ug754WryEw
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»For being so bad at email, I'm shocked at how far I've come in my Internet job.Enjoyed our last episode on pseudo elements? Yay! This week we're getting even more specific in the pseudo landsca… https://t.co/mLnsppdEQb @gavinmcfarland @argyleink @BenNadel Strong agree!^ Hey @CHANEL if you want to improve your website performance too, I will work for a classic flap πŸ˜‚πŸ˜œICYMI, @addyosmani gave a great talk yesterday about optimizing your site for core web vitals πŸ‘œ full of practical… https://t.co/CxCPF1UjhN @EmmaBostian You got this!!! πŸ’ͺ🏼 to new adventures!Learned a ton of pseudo elements, that i didnt know existed, in this week's #CSSpodcast by @Una and @argyleink… https://t.co/RwrSvvC72L
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @lihautan @argyleink Wow this is a great summary! Thanks! @HAIL_9000 Thanks! So many sad facts we all kinda knew but now with numbers attached
7/1
2020
@ohhoe A single ultra wide β€” Everything fits, less to power and manage @HAIL_9000 😳 do you have any idea where this stat is from? @IamStan @DasSurma @DotProto @argyleink @_developit @jaffathecake @kosamari @pablostanley We love your work @blushdesignapp!πŸ”΄ [LIVE] IT’S ALL HAPPENING! #webdevLIVE kicks off now. Tune in to celebrate our community's actions, learn modern… https://t.co/SzgQArxGvQ
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»Proud to finally show off https://t.co/2e594koU7s to the world. @argyleink @_developit @jaffathecake @kosamari… https://t.co/N4pNDnzGl7
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»I'm going to start a thread of newsletter subscribe pages vs. unsubscribe pages https://t.co/N7HW9HTI9IAre you ready for #webdevLIVE? Today is dedicated to speed and performance. ⚑ Don't miss the talks! Oh, catch th… https://t.co/Sgjd5Gc0gO
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @BrianPBosche @hankchizljaw This made me cacklehttps://t.co/MTZz2IGhZC We put the most popular build tools through their paces to find out what they're good at,… https://t.co/36dVEZKZi3
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»CSS Tip πŸ”₯️ There's a special operator you can use in CSS Attribute Selectors The operator is `i`, here's how it w… https://t.co/IQ2Dy0fYSh
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»
6/30
2020
Made a little card animation today using pure CSS and a wee bit of javascript for the initial card set-up. The :t… https://t.co/tpgzbip14I
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’» @VPoltrack True art 😍Here's a good article about creating responsible animations, including enabling an on/off switch and respecting use… https://t.co/uX7C5YT2tc @mintlodica This is how i feel about ukulele too πŸ˜† @DotProto @mintlodica I wouldn't want to take your keyboard tho! Only if its an extra to try it out @DotProto @mintlodica I would legit pay for shipping and send it back @mintlodica I wish I could try one of these for like a week before deciding if I could handle it πŸ˜† @jared_w_smith @marcysutton check the reply! It has an update @argyleink Yes a reply to this tweet is where I discovered your hashtag! @AbubakerSaeed96 @argyleink There's a few collections! (I also just found this today) https://t.co/53UnVlKvepHere's a better solution utilizing :first-of-type, since you could have an article with h2's following a subsection… https://t.co/zvAhfXiVWj @tabatkins Ooh yeah good call. Question just RE: h1 -- My understanding was that there should only ever be one h1… https://t.co/O95aqhZvT6#lintHTMLwithCSS: /* Headers out of order (i.e. h2 before h1, etc.) Result: dotted blue outline */ h2 ~ h1, h3… https://t.co/2IZ4rCrLtm @iambalaam @j_nycz Oh nice! Didn’t realize this was a hashtagProtip: pre-launch, do a quick link QA by searching for: href="#" in your codebase It may seem obvious, but you mi… https://t.co/xOPdZwZRNjCSS Overview in @ChromeDevTools is a gem! πŸ’Ž https://t.co/prpcWvEPJp
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»
6/29
2020
buying a domain is like getting a gym membership you hope the guilt of spending money will make you actually work… https://t.co/i3CzpFM5oR
Retweeted by Una Kravets πŸ‘©πŸ»β€πŸ’»
6/27
2020
@BLAZERSgitrdun @MamaBea25247776 @Wickedkitten5 @StevenWWright1 @jduchneskie @Laurie_Garrett https://t.co/su4d16VF0w
6/26
2020

0