Alex Macpherson nag-retweet
Vibe code straight from your browser here
huggingface.co/spaces/enzostv…
English
Alex Macpherson
2.5K posts
Alex Macpherson
@MacDesigns
Graphic and UI/UX Designer // Dad of 4 // Twitch Partner // $MacphersonDesigns
Minot, ND Sumali Temmuz 2010
2.6K Sinusundan1.2K Mga Tagasunod
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
Ready to dive in?
⭐ Star the repo
📖 Read the README
💬 Join our Telegram group for help
github.com/antiwork/gumro…
English
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
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 🤙
English
Alex Macpherson nag-retweet
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
English
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
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 :)
English
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
I love seeing you win, bro! It was a pleasure to work with you all those years ago.
Jon Howell@ItsJonHowell
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! 🎉
English
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
Alex Macpherson nag-retweet
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%;
}}
Ram Patra@rampatra_
Parallax effect can now be achieved in a scroll view with a few lines of code in SwiftUI. #WWDC24
English
Alex Macpherson nag-retweet
useClock +
useMouse +
MouseTarget +
MouseFollower +
ArcText =
English
Alex Macpherson nag-retweet
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
English