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 :)
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
Alex Macpherson retweeted
📢 BULLSH*T📢
Identity & motion for Bullsh*t - a deception game show by the @Sidemen for @joinsideplus.
