#CSS #UI DevRel @GoogleChrome, @CSSWG member, host on #GUIchallenges, co-host: #CSSpodcast and #BADatCSSpodcast, maker of VisBug, @OpenProps and https://t.co/lb3SDxC6ECnerdy.dev SeattleJoined April 2010
There's been a lot of discussion about masonry in CSS recently and whether it lives in the grid spec. This post explains a different approach, that still enables the track sizing and other features from grid. developer.chrome.com/blog/masonry
Party in the DOM Penthouse
aka, top-layer 😎
(I used DevTools to modify DevTools to make the DOM Penthouse look real here hehe)
silly demo here codepen.io/argyleink/pen/…
Party in the DOM Penthouse
aka, top-layer 😎
(I used DevTools to modify DevTools to make the DOM Penthouse look real here hehe)
silly demo here codepen.io/argyleink/pen/… https://t.co/GjBfQ1otMJ
lookin for feedback on CSS `scroll-start-target`:
have examples, demos or use cases where the starting scroll position on x and y are two different elements?
example:
a table, where a row is set for `scroll-start-y` and a column is set for `scroll-start-x`
thx!
Announced this earlier today and already only 20 seats left!
If you want to join @amit_sheen + myself for a workshop on creating CSS-only games, learning all about animations and transitions in the process, sign up 👉courses.kevinpowell.co/css-games-work… use coupon NOJSREQUIRED for 20% off
I created this tool for our team at @Frame_io and figured it could benefit others too. It generates a perceptually uniform color palette using OKLCH, APAC for contrast, and CIEDE2000 to calculate color difference. Check it out here: colors-gen.vercel.app.
Introducing the GUI Challenges series successor:
Mini Web Machines!
Tiny bits of code that power great UX.
- shorter episodes
- copy and paste free code
- narrower focus
- meaningful use cases
What do y'all think?!
It feels like CSS has come such a long way. Nearly all of the major pain points that developers have faced for decades are either resolved or well on their way. This is a good thing!
Of course the web is never done, but it does feel like we've hit an infection point.
99K Followers 149 Following⚡️ Showing you how to bring ideas to life with code
💼 Senior DX Engineer at @vercel
🫡 Prev: @google
🐻 https://t.co/rRqcWhrAgW
📺 https://t.co/7FlZg84Rr8
❤ @seaotta
105K Followers 2K FollowingEngineer at @Shopify. No thought goes unpublished. 'IMO' implicit. He/him. Also jaffathecake on Mastodon, bsky, Threads etc.
24K Followers 169 FollowingDesign Engineer. Author of https://t.co/u2Mwa0NV16 • Writing on https://t.co/uZCVbHrztF. Made https://t.co/VTAAYbMRu8, https://t.co/Jy2gQ97l4L, and https://t.co/Ih1JhTv0Iq.
93K Followers 2K FollowingCheese fan. I work on @sveltejs at @vercel. When the asteroid finally obliterates this place you can find me at @[email protected]. Until then, 🍿
53K Followers 2K FollowingI team up with dev-focused companies to make video developers actually want to watch
{...💜}
📺 host @LWJShow
💻 web generalist
👨🏫 tech educator
832 Followers 166 FollowingSpeaker • Founder of https://t.co/E4Af6g82sN • Creator of NGVM (Angular CLI Version Manager) • @GoogleDevExpert • Everything about @Angular and Modern Web
99K Followers 149 Following⚡️ Showing you how to bring ideas to life with code
💼 Senior DX Engineer at @vercel
🫡 Prev: @google
🐻 https://t.co/rRqcWhrAgW
📺 https://t.co/7FlZg84Rr8
❤ @seaotta
105K Followers 2K FollowingEngineer at @Shopify. No thought goes unpublished. 'IMO' implicit. He/him. Also jaffathecake on Mastodon, bsky, Threads etc.
24K Followers 169 FollowingDesign Engineer. Author of https://t.co/u2Mwa0NV16 • Writing on https://t.co/uZCVbHrztF. Made https://t.co/VTAAYbMRu8, https://t.co/Jy2gQ97l4L, and https://t.co/Ih1JhTv0Iq.
260K Followers 2K FollowingHusband, father of two, independent OSS dev. @vuejs, @vite_js, @rolldown_rs, and more. Connoisseur of sushi. Chinese-only alt: @yuxiyou
93K Followers 2K FollowingCheese fan. I work on @sveltejs at @vercel. When the asteroid finally obliterates this place you can find me at @[email protected]. Until then, 🍿
53K Followers 2K FollowingI team up with dev-focused companies to make video developers actually want to watch
{...💜}
📺 host @LWJShow
💻 web generalist
👨🏫 tech educator
867 Followers 291 FollowingCSS analyzers that check your complexity, specificity, performance, Design Tokens and much more. And all of that in a single web app. By @bartveneman
5K Followers 132 FollowingLe DevFest est un festival de développeurs accueillant + de 2000 participants à la Cité des Congrès de Nantes. RDV les 17 & 18 octobre 2024 !
61K Followers 339 Followingdeveloper by day, @twitch streamer by night https://t.co/SP71XRB3xu https://t.co/OVwqYFBNEX. learning club @codebookclub | tech optimist
2K Followers 7 FollowingRegular online event, free to attend, w/ talks on various topics around CSS. Organized by @derSchepp & @supremebeing09. @[email protected]
22K Followers 659 FollowingTech entrepreneur hanging out in Silicon Valley. Founder @gatsbyjs (acquired by @Netlify). Married to @shannonb_ux. Farcaster: https://t.co/a0GclwiO6i
2K Followers 256 Following🔥 Morphing into a Creative Dev
🎮 Former 3D artist @framestore
🎥 Built VFX magic for Marvel & Disney
🎓 10 yrs in film and gaming
🎥 12k+ subs DigitalClay
35K Followers 1K FollowingTech Educator - Creating courses, eBooks, YT videos and living the life of my dreams! Subscribe at https://t.co/cYFniDoaS1 | Building @voxpopsites
2K Followers 3K FollowingSome call it Design Engineer, I call it the craft of frontend. That’s what I teach. — https://t.co/V6ZSHM3bCs — https://t.co/XnyqxkV9Qz — https://t.co/WWaSeuNKKY
2K Followers 271 Following💻 Webmaster & The JavaScript Lady @ https://t.co/YQP5zckXmI • 🎨 Amateur illustrator 🧠 Neurospicy 🛵 Scooter girl 🐶 Dog mom She/her. All opinions are my own
9K Followers 2K FollowingOpen source maintainer dev person
👨💻 Maintainer @tseslint, committer @geteslint
👪 @BosTypeScript lead
✍ @LearningTSBook buy my book!!!
🌟 Microsoft MVP
7K Followers 1 FollowingWith host @jlengstorf — Learn from web experts. Build something new. Grow your career. Let’s do it together: https://t.co/gA7B4Mik9y
6K Followers 410 FollowingI write code for your entertainment 👉 https://t.co/dEaOz0B07M
I help you learn things @getsentry
The internet is ours.
(not a "woman in tech")