Sign in with Twitter

Username:

@GoogleChrome CSS DevRel; @CSSWG; #VisBug maker; dev += design; parentNode + 2 leafs; CSS/JS/UX addict; repeat(∞, [empathize, design, develop, deploy]); 💀🤘

1,337 Following   9,478 Followers   10,498 Tweets

Joined Twitter 4/5/10


Escapism https://t.co/M0iIFZj2UN
1/25
2020
@davicho I'll answer with a hypothetical question! hehe I see you use Babel instead of Coffeescript? Why? The rea… https://t.co/oqH7Yqyszmthis is rad 👍 https://t.co/EDPWKiRjFwChromium is ready to prototype flex gap 🎉 https://t.co/nsh6nJ1Bsy gif alt: fresh prince doing the running man IN… https://t.co/Okapk8jZPD @digitarald @meyerweb fugu-ize sounds pokey not shiny! shiny would be to make it become more of a rare pokemon! hehe https://t.co/sAKP0TTenf @meyerweb Chrome isn't hacking on it, Chromium is though 😉Nice healthy spaced section with some negative margins for aligned text but a nice healthy padded well demo 👇… https://t.co/YNATIMtcOu @jaffathecake 🤦‍♂️ https://t.co/wbmowcUS7EBuilding Multi-Directional Layouts https://t.co/0eqqJ3Dsv0 https://t.co/mom2nCNR8F
Retweeted by Adam Argyle @nikeroy Like Babel but for CSS, postcss-preset-env 👍 @addyosmani https://t.co/zgpgUTgbyp @DanielPox 🤓 https://t.co/C87fA97Ht3 @ayfaraz https://t.co/gnQ102mPsL“CSS plays the very important role of translating Design, and User Experience on the web. It’s how we take all the… https://t.co/kEwL7J7aeu
Retweeted by Adam Argyledark mode first 😎 https://t.co/KEaqnVHaxF
1/24
2020
If you're looking to learn CSS or get better with it, here are some of my favorite resources 👇🏻
Retweeted by Adam Argyle @obvi_as for snippets like this I use https://t.co/nog3bvLPIa 💀🤘 https://t.co/215jpfc9Ve @brendansparrow here's the output based on the browserlist I supply for this project I'm hackin on 👍 https://t.co/wGsvwnupGE @brendansparrow yep, that's a great idea, you can do it manually, run code through something like… https://t.co/Nt7PIKAb3v🙂 https://t.co/Y0AyFmKiaG
1/23
2020
@haroenv @rektide can find it in border-radius as well https://t.co/4SwOiC8EvT it's been around @calebwilliams12 @RollupJS alas, i have no acorns experience @j3ll3yfi5h Here's a great breakdown! https://t.co/9wGGhQ7l06 @calebwilliams12 @RollupJS me, but i used Babel with Rollupthis is rad 👍 https://t.co/vhIV61rJp4 @SaraSoueidan https://t.co/SOdyIEp6vtIf you would like to keep up to date with the news about CSS Houdini, the next generation CSS in which @csswg is w… https://t.co/2chqY1Act2
Retweeted by Adam ArgyleAwesome explanation of how this works by @kilianvalkhof https://t.co/9wGGhQ7l06 https://t.co/fDgQCmtkUy @jensimmons @MiriSuzanne It looks like the Chrome team listened: "It was discussed yesterday during the planning… https://t.co/Lmp9A54AIv
Retweeted by Adam ArgyleHeck, let's straw-poll the mod issue: What should be the answer to mod(-8px, 5px)? (feel free to RT for reach)
Retweeted by Adam Argyle
1/22
2020
@perfmattersconf what a line up! @simevidas not exactly what you asked about, but perhaps in the same vein or usable for the purpose? cc @innovati https://t.co/OEBaKvp5jw @iam_synapse built in dark mode 👍diggin this new media UI in Chrome! it's even pickin up that I'm playing from the Spotify PWA https://t.co/E8Dz4yMgSc @burgessdryan @devonbl @saltnburnem @holtbt @johnnyxbell @thebillygregory @eugeneyevhen @stacylondonerhttps://t.co/hAYM6mAR9w @burgessdryan @devonbl @saltnburnem @holtbt @johnnyxbell @thebillygregory @eugeneyevhen @stacylondonerhttps://t.co/myRUNuJ406 @burgessdryan @devonbl @saltnburnem @holtbt @johnnyxbell @thebillygregory @eugeneyevhen @stacylondonerhttps://t.co/593cp3WfJb @burgessdryan @devonbl @saltnburnem @holtbt @johnnyxbell @thebillygregory @eugeneyevhen @stacylondonerhttps://t.co/Nk3UaasLm5If you're a @googlechrome user, you NEED to check out these tips from @KezzBracey on how to use @argyleink's VisBug… https://t.co/MLn1TePl2k
Retweeted by Adam Argyle"there is no clearer indicator of more content than a bit of underlined text" https://t.co/5GPXoXgA2g @jensimmons This sounds super helpful! For me, I think the simplest & most helpful implementation of this would be… https://t.co/P8l0rCLbFa
Retweeted by Adam ArgyleSo cool that @FirefoxDevTools shows inactive CSS and how to fix it. https://t.co/58GXmCPYCk
Retweeted by Adam ArgyleWoh sweet, featured!? Coo 💀🤘 It's a box model visualization, link here! https://t.co/P6zGLdXAuF https://t.co/t5GSk0sICl
1/21
2020
@brad_frost Just this week I'd challenged myself with something similar! Which is to switch operating systems more… https://t.co/q4ZJ5pKWAQEvery so often, I re-read Dr. King’s Letter from a Birmingham Jail. While some of the injustices may have changed,… https://t.co/9TxGaZKcaC
Retweeted by Adam ArgyleBeen having a think about different menu designs for the @CodePen challenge 🤔 Here's a pure CSS randomly generated… https://t.co/lA59hMLEaP
Retweeted by Adam Argyle
1/20
2020
@jh3yy https://t.co/tF5EBq3fG3 @jh3yy I use @adobexd and auto-animate! AKA: carefully crafted artboards 👍 https://t.co/ppwsBBJ6By
1/18
2020
rgb() ⇒ rgba() just to add transparency? 🤢 hsl() ⇒ hsla() ... 😭 GOOD NEWS! fixed in CSS color-level-4, rgb() & hsl… https://t.co/ndCLPDikvEAll CSS transformations (transform, independent translate/scale/rotate, motion path) are affected by transform-orig… https://t.co/rYAFpoZBJ6
Retweeted by Adam Argyle @nucliweb @simevidas @sitnikcode @kungfujanitor @CodePen @PostCSS @csswg Great points Joan, you can also adopt as m… https://t.co/1FVfj51da3
1/17
2020
This year my goal is to help people understand CSS as the gnarly language that it is. I'd love to creatively explai… https://t.co/Cb8SFrw5eo
Retweeted by Adam Argyle @innovati @equinusocio @titungdup @nucliweb @CodePen @PostCSS https://t.co/Mc1UJeeMwWLove Babel + preset-env? Try preset-env + PostCSS! it's the same idea, but for a different language. they even sha… https://t.co/Y5LtIWt9en @svperflvid I'm hella mortal yo @svperflvid @firefox web components struggled to work inside of extension/addon environment, specifically the class… https://t.co/4WQo0UdtURan index of 67 web APIs, well there went my evening.. 🤩 https://t.co/af8MnaWwuL https://t.co/eFwsLKJvnT @None10359373 https://t.co/Orfbf73eH9 @appsforartists @mjackson LoL, I was directly invoked https://t.co/IWFogO0k9X @mjackson This CSS seems to be doing well 😁 https://t.co/yqtfaRFSyK
1/16
2020
@fvsch @firefox found a clever workaround thanks to @DotProto!!Huge breakthrough with VisBug and @firefox today! 🎉 If you've been waiting for it, great news, you can try it out!!… https://t.co/FAxU7LjHl0 @MicheBarks @code some visbug source to show the theme a bit! https://t.co/e8o3ZCjiQWDrop some sweet in browser design debugging tools into your shiny new browser! https://t.co/rRz13YyV0qhttps://t.co/VllPsmBsbbthis is rad 👍 https://t.co/2f9a5Rgnkx @titungdup @nucliweb @CodePen @PostCSS i hope so! it's got a spec! you can use it with postcss-preset-env (it's l… https://t.co/5eHTnnySku @davatron5000 Yo! 💀🤘 https://t.co/KQCfQjcPOE
1/15
2020
@jonlprd https://t.co/9Wt7tb536t4 layouts for the price of 1, thanks flex 👍 css` form { display: flex; flex-wrap: wrap; & > input {… https://t.co/ipQhsVgECMthis is rad 👍 https://t.co/Tew4FMCL6z @Gravnetic @webflow agree it's a design tool! Webflow should be super proud of their future sightHow long until design tools offer layout capabilities like CSS grid? They're barely getting started with flexbox. https://t.co/nmKVUfDxoT @davatron5000 Say more https://t.co/SQ2IFOfeptlinear ramps are great for launching monster trucks over 20 buses, but terrible for natural looking animations, sha… https://t.co/42vwMOLWta @Ganticdotco i'd love that! @equinusocio Exactly, figma could offer full flexbox, hopefully it will one day! @equinusocio @sdw @brad_frost User picks in system, designer/developer author optimistic @Ganticdotco And yo, let's GVC sometime! @Ganticdotco I'm not shitting on design tools, I'm commenting that their new features are old web ones lol @Ganticdotco I love it! No offense 👍 I think you're missing it, because I agree with you. I think design tools w… https://t.co/awgVowMLH0 @sdw @brad_frost It's automatic, whatcha want instead? @jongold Every tool I vet is still flexing half the web's potential
1/14
2020
@shortdiv I'm always sitting there like... "I could slip a USB stick into the back of this thing soooo easy..."… https://t.co/Ks7GsAq0nYmeant this like: if you're tool has this feature now... it's a clue it's inspired by the web: - ... AND coming s… https://t.co/AS4DG455oS @BrendanEich @mikeal lol yep, and it was still wrong/short!design tools are behind the web now. clues that lead to this assertion: - any type of a "stack", aka wack wannabe… https://t.co/iNOL7p3rU1??? - 2019 Design Tools rule expressive communities by leading & driving features of platforms and GUIs 2020 - bey… https://t.co/geUqF31Nyp @Mamboleoo @AmeliasBrain agree that will-change creating a stacking context is confusing! BUT, i've also leveraged… https://t.co/pWUafD69QR#HSLgradients design tool: 6+ hand placed, messy layers 😢 the web: we've got shorthand for that 😎 the hue matc… https://t.co/LMP43vAtcX @fyodorio i bought it for size and battery, but it's an Apple laptop, they're great. It runs great.swapped a 13" 2016 macbook pro (with touchbar) for the 13" 2019 air (with touch ID and not touchbar), and the amoun… https://t.co/uoQEyMFporbanging pastel pink extravert darkish pink tuppenny deep pink https://t.co/qEfOMFTaiK
Retweeted by Adam Argyle @mikesherov @FredKSchott @pikapkg @_developit https://t.co/wGBjECOJ0o @mgechev @Vintharas Sweet! I'd checked as well, glad to hear it's arrival is imminentHow Browsers Work: recommended reading A series by @kosamari 1️⃣ https://t.co/r3007PZ5oR 2️⃣… https://t.co/hzkQrtERaU
Retweeted by Adam Argyle
1/13
2020
@z0oks https://t.co/MYw4Gx2y7jupdated after some great feedback - options instance prop should be private - default values aren't instance releva… https://t.co/0P5NZP9ozJ @jaffathecake that's what I had, and i agree i got private prop happy, thx for the feedback! heh.. now I gotta sal… https://t.co/iOADormGQo @jaffathecake oh, options change/update, defaults dont! whatcha thinkin!? @jaffathecake different per instance yep, and also changeable post initialization via a setter
1/12
2020

0