Graphic and UI/UX Designer // Dad of 4 // Twitch Partner // $MacphersonDesigns
Minot, ND
Joined July 2010
- Tweets2.5K
- Following2.6K
- Followers1.2K
- Likes3.5K
Alex Macpherson retweeted
Vibe code straight from your browser here
huggingface.co/spaces/enzost…
Alex Macpherson retweeted
Ready to dive in?
⭐ Star the repo
📖 Read the README
💬 Join our Telegram group for help
github.com/antiwork/gumroad
Alex Macpherson retweeted
CSS logo marquee
1. bake the offset into your @keyframes
2. set animation-delay based on duration + item count
@keyframes show {
0%, 73% { translate: -10px 30px; }
76%, 97% { translate: 0 0; }
100% { translate: 10px -30px; }
}
no need for JavaScript 🤙
Alex Macpherson retweeted
The only web design inspiration sites you need (part 2):
bentogrids.com → Bento
supahero.io → Hero sections
footer.design → Footers
unsection.com → Section layouts
cta.gallery → CTA's
Alex Macpherson retweeted
Deepseek running locally and privately for autocompletion in VSCode! 🙌
In less than a minute, I'll show you how to download Deepseek-coder and set it as the autocompletion model in VSCode.
You’ll need to use @ollama to download the model and CodeGPT to select it as the autocompletion model.
Enjoy the best models running locally with codegpt.co :)
I love seeing you win, bro! It was a pleasure to work with you all those years ago.
I've dedicated my career to focusing on the intersection of Brand & Product Design and I've spent years archiving branded product experiences across a variety of digital products.
In doing so, I've realized there really isn't a great place to discover these types of emotive experiences and/or interactions. I've decided to fill that gap and build a place where you can explore, save, and share curated examples of brand experience design all in one place → TheBrandXP.com 🔮✨
Follow @TheBrandXP for launch updates, exclusive giveaways, and much more! 🎉
Alex Macpherson retweeted
Not many lines for a CSS parallax effect either 🤙
ul { scroll-padding-inline: calc(50% - var(-card) * 0.5); }
img {
animation: para;
animation-timeline: --item;
}
@keyframes para { cover 100% {
translate: calc(100% - var(--card)) -50%;
}}
Parallax effect can now be achieved in a scroll view with a few lines of code in SwiftUI.
#WWDC24
Alex Macpherson retweeted
CSS blurred text reveal on scroll 📜
.character {
animation: drop;
animation-timeline: --section;
animation-range: var(--start) var(--end);
}
@keyframes drop {
0% { filter: blur(10px); translate: 0 -75%; }
}
Inspo: @daylightco