Sign in with Twitter

Username:

#argyleink { note: #BLM !important; position: #CSS @GoogleChrome @CSSWG; maker: #VisBug; luv: CSS/JS/UX; role: parentNode; path: calc(dev*design); }

1,337 Following   14,718 Followers   12,106 Tweets

Joined Twitter 4/5/10


Got this in ~1997 after I wrote some Ace Ventura fan mail to Jim Carrey 😂 Now it's on my fridge, held by complimen… https://t.co/cX6hpdknrk
8/9
2020
@MrEdwardMilner Yep! - ZZ - philodendron - aloe - snake Touch the soil before you water Say hi to your plants occ… https://t.co/waDMRoX2kPCan't imagine life without plants anymore 🌿 https://t.co/PF2tcXR1dLWhen used correctly, this is a *really* effective performance boost without a ton of effort and adjustment on your… https://t.co/G07RPGMPJq
Retweeted by Adam ArgyleCSS isn’t easy https://t.co/Q4Uq17nnjb
Retweeted by Adam Argyle @cobra_winfrey @CSSInRealLife That example also was somewhere that we had drop-shadow (so the triangle was part of… https://t.co/jExBpCgywh @cobra_winfrey @CSSInRealLife The type of shadow spread usage I like is negative, where it shrinks inward! I'm look… https://t.co/LIXLCdp6Wm @cobra_winfrey @CSSInRealLife The Shadow Stroke https://t.co/MG9wae39qZ @cobra_winfrey @CSSInRealLife Tell me more of this! I don't think I'm familiar with this 🤩 https://t.co/qXgtWfRVNi @CSSInRealLife I wish it spread like box-shadow, but.. https://t.co/hTwiyFXiRqGet a walk through on YouTube as I explore and spelunk a few layouts 🤘💀 https://t.co/aFaEDH5h11 https://t.co/tLg0ReFK4O
8/8
2020
centering in css https://t.co/tZJZx3ahsC
Retweeted by Adam Argyle @sadeghbarati5 here's where that example lives! https://t.co/SspH8Su2fA there's a few grids in there to check out if you're hunting 👍 @saltnburnem BIGTIME he's a friend too =)4 grids turned on: - see what min-content calculates to - see what auto calculates to - rich alignment verification https://t.co/IwIVsy3Xkg @bolaji_ayenz New Edge as well 👍 If it's pulling from Chromium source as the engine, you should get the tools. @equinusocio apparently!Blink: Intent to Experiment: Declarative Shadow DOM https://t.co/pDdMFGa5v6
Retweeted by Adam Argyle🔥 Announcing Beginner JavaScript - a fun, exercise heavy approach to learning Modern JavaScript from scratch. No… https://t.co/CMhU5pK7Qg
Retweeted by Adam Argyle
8/6
2020
Didn’t know about that one. Meet content-visibility, the new CSS property that boosts rendering performance with CS… https://t.co/BFRRvVbi0U
Retweeted by Adam Argyle @visualnaut Nice work! You can also right click and open it through the context menu 👍 @kmorope yep!got rid of tons of the info, got myself a minimal and clean measurements view https://t.co/RKBO2viR6Valllll the space on hover https://t.co/hjDe1XWztZ @AgentZeroNine yep!The Chromium CSS Grid Devtools team is doing an awesome job 🤩 - new options let me control styles of the overlay a… https://t.co/iaEoMqeaR7 @BrittneyPostma @Una 😍 opening gif! https://t.co/zKNuFkiSMU @visualnaut i'm open to suggestions for how to do this better! 🙂 @visualnaut i get to choose it in the extension manifest https://t.co/M2jO9OtoE2 You want to be able to set a cust… https://t.co/Im9fAtO2se @autiomaa used @DescriptApp to transcribe and create the clip 👍Stacking contexts and z-index in today's latest episode of the #CSSpodcast 🗣 Here's a little audio preview! Find… https://t.co/dtfagZerOFnative EyeDropper API?! VisBug is down! 📃 read more https://t.co/jVdtIPxMOe https://t.co/v0PVCW0alICSS `content-visibility`, new article by @Una: https://t.co/10FsyMTff8.
Retweeted by Adam Argylestepped sliders make great radio groups
8/5
2020
6 Different #CSS Centering Grid & Flex Layouts 👍 `place-items: center` `place-content: center` when used with.. `… https://t.co/o7zndEF3GEthis is rad 👍 https://t.co/isdL02BM6R @SindreBoyum @liatrisbian i hope i guidanced the way you hoped @SindreBoyum @liatrisbian I feel like the folks who NEED the option on their device, know the option exists. I agre… https://t.co/3wi3Q3BwtG @SindreBoyum @liatrisbian iOS in like ~2013 came out with the reduce motion option, their new iOS 7 UI release was… https://t.co/0Z5ABREMGN @SindreBoyum @liatrisbian I like to start with distinguishing between motion animations and non-motion animations,… https://t.co/SjKGFAfH9ySvelte & VS Code highlighting my unused selector 🤓 I did swap from an hr to a custom class and left that behind.… https://t.co/AGe7itxzul
8/4
2020
@chrisdhanaraj @Netlify https://t.co/Xi3hOubiypan alphabet is a design system! i appreciate the perspective the English alphabet gives me regarding design system… https://t.co/BZ9Ru1dxT1 @Netlify <3 <3 <3 rad product y'all, still a fan https://t.co/6uo158ryb5 @chrisdhanaraj @Netlify heh https://t.co/hZ3HDt05Jzthis is rad 👍 https://t.co/hwZyuZXrTg
8/3
2020
running a few Github actions is a fast way to get lots of downloads in an "npm installs" readme badge 😂great read 📖 https://t.co/MRb90vhv45Tip: @ChromeDevTools now supports CSS-in-JS! Unlocks using the Styles pane to edit CSS added via CSS-in-JS librarie… https://t.co/o5Gl4dDjmH
Retweeted by Adam Argylegreat read 📖 https://t.co/EmR8Irs7d9
8/2
2020
this is rad 👍 https://t.co/VyCJF6OAx3 @Una Jeeves lol https://t.co/3SW3CZHKJgCSS has Covid figured out with a 1 liner: * { isolation: isolate; } more about CSS isolation https://t.co/gDSQ7SxgjA3D Rendering Contexts are automatically Stacking Contexts Stacking Contexts are not always 3D Rendering Contexts… https://t.co/uv8BfduHu7⚠️ critical #CSS concepts ⚠️ Stacking Context manage painting order of elements Containing Block manage X/Y coord… https://t.co/UOkFnHX31M @srhise @BilalBudhani @adamwathan @simonswiss imagine downloading a browser update just so you can load a site usin… https://t.co/CAX22ibfkc @mhartington https://t.co/ycipZZLCmx @srhise @adamwathan @simonswiss Fork Chromium and make a browser with them all built in! @adamwathan I'll help you run a local build yo https://t.co/MNwZ0ouUYB @adamwathan @simonswiss All you gotta do is add Tailwind to the user agent file and boom, it's on every page 🍻 @adamwathan @simonswiss Fork and make ChromiumWind! 🤘💀
7/31
2020
@violasong @FirefoxDevTools The shadows remind me of the game Threes ♥️ https://t.co/p4R2uReguyas a developer, that'd be like deleting a bug that's ruining my business logic 😂 https://t.co/fkm1QMiDRNbest part of being a designer is deleting copy that doest fit my designThe best programming language is the one you know how to use.
Retweeted by Adam Argyle @brad_frost happy birthday! https://t.co/A6ACMHycXtHow different would CSS be perceived if it stood for Style Script instead of Style Sheet? Are there other languages… https://t.co/yNgmvqD4Z6
7/30
2020
@pbteja1998 @GirlsCodeMK @jh3yy @5t3ph @eggheadio this generator rules https://t.co/bMFY7mHchbHere's gap + flexbox handling international document flows and directions! 💯 Something quite tedious to do by hand… https://t.co/LR9aLXA1bP
Retweeted by Adam Argyle💯 CSS flex gap is in Chrome 84 💯 play around at this sandbox on @codepen 👇 https://t.co/M1l8aiyZA9https://t.co/Zkfazjp3Lkthis is rad 👍 https://t.co/tJfJvayXJKI'm always using percents in CSS, but often have to stop and ask: "% of what?" hint: it's probably not what you th… https://t.co/fEkhqgvtQs
Retweeted by Adam Argylethis is rad 👍 https://t.co/wxdiHhY0nzJuly was pretty good for CSS. @rachelandrew's roundup: https://t.co/JAdFccBO5C • `gap` in Flexbox in Firefox & Chr… https://t.co/fRkonTMhLB
Retweeted by Adam Argyle
7/29
2020
great read 📖 https://t.co/VLjNe6tDqq @DasSurma @rob_dodson Sick game. Sick soundtrack. Big RoR fan over here, and def jam out to that soundtrack. @jaffathecake @simevidas @Una @bfgeek I think I got a demo of this once.. @jaffathecake @simevidas @Una @bfgeek I tend to hand manage this legibility style issue with max-inline-size and ch… https://t.co/dCWZ4R0E0qTIL text-decoration has an "overline" value AND can accept up to 4 decorations at once! ``` h1 { text-decoration… https://t.co/xecdCEnQqq
7/28
2020
You know how `height: 100%` doesn't do what you want it to do? How about a new thing, `height: stretch`, that does?
Retweeted by Adam ArgyleCSS working group virtual face-to-face is happening right now and @tabatkins is talking about aspect ratio while hi… https://t.co/ILnL0D6ejA @terrifricker @css great question! easiest way to think of it is: relative to the nearest <html> tag it's being us… https://t.co/TZ4r2Nu9kG @alphawebserv @css no worries, it's confusing! 50vw is not the "screen" width: it's the width of the <html> viewp… https://t.co/8SRdWdTeRS⚠️ CSS gotcha ⚠️ The "viewport" IS NOT the device screen This is contrary to how we generally talk about the viewp… https://t.co/Exj8A7UHEII’ve been working as a software engineer for 10 years 🎂 Man, does time fly! Here’s a list of ten honest takes on t… https://t.co/QWEioTusPw
Retweeted by Adam Argyle
7/27
2020
great read 📖 https://t.co/yNEtmvw05jI'm teaching an intermediate web development class online in August as a part of @blackorlandotch! Course includes… https://t.co/xAroHGmV7u
Retweeted by Adam Argyle @check_ca Rad tip! @kilianvalkhof Tried some on 😁, liked the manual hue shift duo-tonegreat read 📖 https://t.co/mFbLS4gMtT @slightlylate @_developit Played FTL?I was makin this https://t.co/1FWnGQyX1z with that 🤘💀 https://t.co/LZdhAZpneM https://t.co/ovRYQBToyy @slightlylate @_developit Rad games! I rage when anyone on my team does though..
7/26
2020
@rick_viscomi https://t.co/gXvvAAmb3oWhat your favorite way to edit time? In a desktop or native UI, what's your preferred way to edit, scrub, manage time values?feelin like a blob? feel like makin a blob? https://t.co/n7Zxtf2WP3 https://t.co/gzzTegl5WQ @tricksIdeas037 @CodePen PST! sup?yo @CodePen, love this emmet expansion preview https://t.co/b91bYcR3udLong live the web https://t.co/ov5BhgNUT6
Retweeted by Adam Argyle @auchenberg Yerp 👍
7/25
2020

0