Alias ΞON : Graphiste, motion-designer, web-designer... Pour l'amour du Pixel ! 【ツ】
Joined August 2009
- Tweets2.3K
- Following249
- Followers119
- Likes354
Eonalias retweeted
If you've ever seen someone tweet some cool shader and thought "I don't really even know what a shader is and at this point I'm too afraid to ask" - I've written something just for you.
makingsoftware.com/chapters/…
Eonalias retweeted
Scroll masking with CSS scroll animation as a progressive enhancement ⭐️
.scroller {
animation: mask-up;
animation-timeline: scroll(self);
animation-range: 0 1rem;
mask-composite: exclude;
}
@keyframes mask-up {
to { mask-size: 100% 120px, 100% 100%; }
}
Eonalias retweeted
Dev alert! Ollama's local and cloud models are now integrated directly into GitHub Copilot for VSCode. No more fretting over exhausted subscriptions. Test open-source LLMs like Llama or gpt-oss right in your workflow. #Ollama #GitHubCopilot
Eonalias retweeted
🔍 You get access to this Raycast extension we built for ourselves, which is super handy for getting the CSS for a specific class, checking the specificity of a class, finding the nearest Tailwind color for a hex code, or looking up the nearest sizing utility for a pixel value.
Eonalias retweeted
We're getting closer 🤏
input, textarea { field-sizing: content; }
Auto-resizing text inputs with one line of CSS 🚀
Eonalias retweeted
My first product as an indie dev. I’m extremely proud 🥹 #Laravel
Like, follow and share appreciated
🚀 Excited to launch unolia.com! Manage all your domains in one place, resolve issues, and gain valuable insights. Try Unolia today!
Eonalias retweeted
📢 WEBINAIRES : Les sessions de la semaine 📢
Mercredi 15: DNS servers and DNS zone configuration
Vendredi 17: Public Cloud in OVHcloud
Devenez incollable avec #OVHcloudSupport !
Eonalias retweeted
Better form UX with the #CSS property `field-sizing`: "One of the more painful experiences on the web is filling out a form input that is fixed width. Whatever I've typed becomes cutoff and I can't actually see what I've typed or am typing." blog.stephaniestimac.com/pos…
Eonalias retweeted
those little details™
Scale up and down on scroll with CSS 📜✨
a {
animation: scale, scale;
animation-direction: normal, reverse;
animation-timeline: view(inline);
animation-range: entry, exit;
}
@keyframes scale { 0% { scale: 0; } }
Eonalias retweeted
Incredible how one artist, @MrUgleh created a new branch of AI art 🌀
Say what you want, but this is creative, novel, and endless. Incredible to see the community pick this up so fast
Below are some more examples and how to do it yourself 🙌🏻
Eonalias retweeted
After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀
@CodePen
codepen.io/TurkAysenur/full/…
Eonalias retweeted
📛 novel
🧠 Novel is an open-source, Notion-style WYSIWYG editor with AI-powered autocompletions that can be deployed on Vercel.
🛠️ @steventey
💻 TypeScript
⭐ 6287
🍴 602
🔗 github.com/steven-tey/novel
Eonalias retweeted
Vous connaissez sans doute les CSS Media Queries, la base du Responsive Webdesign.
Découvrez aujourd'hui les Container Queries, une mécanique complémentaire totalement révolutionnaire et déjà utilisable en production : alsacreations.com/article/li…
ALT La différence entre les Media Queries et les Container Queries
Eonalias retweeted
Kevin Mitnick, le hacker qui fut un temps le plus recherché du monde, est décédé #Tech #Piratage 👇 begeek.fr/kevin-mitnick-le-h…
Eonalias retweeted
introducing docbase 1.0 😃
getdocbase.com
a free & open-source alternative to docsend that allows you to securely share documents & track engagement in real-time
Eonalias retweeted
World's Infinite Color Palate!
I found a genius tool that helps designers auto-generate accessible color collections. randoma11y.com/.
(By @components_ai)
Eonalias retweeted
Probably the best thing you'll see today.
In 2017, a group of developers hilariously competed for who could create worst volume control interface in the world.
The results 🧵
1/22
Eonalias retweeted
Future UI & CSS Tip! 🔮
You could use the Popover API for more than popups!
A sliding nav? Light dismiss for free! 🤙
<button popovertarget=nav></button>
<nav popover id=nav></nav>
Throw in CSS :has() ✨
body:has([id=nav]:open){translate:-220px 0;}
@CodePen link below! 👇
Future UI Tip! 🔮
Create popups with HTML & CSS alone
– No z-index fighting 🙌
- Keyboard controls and autofocus
- Light dismiss
- Styleable backdrop
This is all you need! 👇
<button popovertarget=pop>Toggle</button>
<div popover id=pop>Popover!</div>
@CodePen link below! 🔥