Article 19
Roses are red 🌹What makes web developers blue? 🥲All these frameworks to choose from 🥴To build sites for users whom it makes no difference to 🌍
View ArticleArticle 18
Future CSS Tip! 🔮Use Anchor Positioning to anchor elements to each other ⚓️ (No wrappers!).anchor { anchor-name: --anc;}.anchored { position-fallback: --switch; anchor-default: --anc; bottom:...
View ArticleArticle 17
Here's that CodePen link! 🚀 https://codepen.io/jh3y/pen/qBMWLOKYou'll need to be in Chrome Canary with the "Experimental Web Platform Features" flag enabled to see this working ⛳️There are some neat...
View ArticleArticle 16
Future CSS Tip! 🔮Drive CSS animations with scroll using the scroll-driven animations API ✨Use it to create this cool rotating gallery effect! 😎ul, img { animation-timeline: scroll(root); 👈 animation:...
View ArticleArticle 15
Here's the article link by itself to see if the open graph card works 😅Enjoy!Update:: Well, I'd say I need to revisit what data is getting piped through to the meta tags. But the image looks cool...
View ArticleArticle 14
Writing speaker bios and talk descriptions is tough, right?I've got some events coming up and thought I'd ask ChatGPT to write some stuff for me 👀Tbf, a lot of people I meet at in-person events do...
View ArticleArticle 13
I mean, could be a coincidence. But, today I updated my LinkedIn with some of ChatGPTs output. Today I was invited to keynote a conference 🤔
View ArticleArticle 12
Future UI && CSS Tip! 🔮Use anchor positioning to tether an element to multiple anchors 🤓.link {left: anchor(--a1 center);bottom: anchor(--a2 center);}With some "magic" and "trickery", you could...
View ArticleArticle 11
Think we're gonna coin this as the "Quadrant technique" 😅That's what's happening. 4 elements per annotation/link. Leaning into the power of scoped custom properties, each quadrant is revealed as...
View ArticleArticle 10
Here's some code to give an idea of how it looks 🤓The gist is, using the anchor function to define the inset properties for each quadrant 💙This code shows the first quadrant reveal. And you could swap...
View ArticleArticle 9
Even though the 5:45 am airport drive was anything but enjoyable, this one (@seaotta) always manages to get me smilin' again ❤️
View ArticleArticle 8
Finally sat down and had a play with the View Transitions API last night ✨Used it for UI transitions at Smashing Conf SF but hadn't had time to play with intercepting navigation 👀With some tinkering...
View ArticleArticle 7
Future CSS Tip! 🔮Tired of your tooltips getting cut off by the browser window? 😭CSS anchor positioning will be able to solve that ⚓️ No need for "hacks" or JavaScript 👀.tip { anchor-default: --link;...
View ArticleArticle 6
Only taken a decade but for the first time I've bought a MacBook Pro 😅Welcoming "Max" to the family! 🤙Content creation gonna be ramping up again next week 🤓
View ArticleArticle 5
To accompany that, these videos and live streams are about to go up a notch ✨Got a big box of equipment turn up yesterday 📷 Who wants to sponsor the channel? 👀😁
View ArticleArticle 4
Future CSS Tip! 🔮You could combine anchor positioning & :has to create this kinda iPad style follow effect ✨[href=blog] { anchor-name: --blog; }:root:has([href=blog]:hover) { --anchor: --blog;...
View ArticleArticle 3
Future UI Tip! 🔮Create popups with HTML & CSS alone– No z-index fighting 🙌- Keyboard controls and autofocus- Light dismiss- Styleable backdropThis is all you need! 👇<button...
View ArticleArticle 2
Here's that "Intent to Ship" 👇https://botsin.space/@intenttoship/110040174812719175
View ArticleArticle 1
Thinking it might be time to delete this account 🤔I rarely post and I'm trying to get off social media, if I can, to focus on other things. There isn't a deactivate so I'll maybe hit delete like...
View ArticleArticle 0
Little update. This week was my first week at Vercel ▲Joined as a Senior DX Engineer 🖤This was the type of role and company I was looking for. Feeling very grateful for getting to work with a super...
View Article
