CSS, SVG, UI & Maps • Code & Design • Teach & Work @ENSG_IGN @IGNFrance@CSSParis

Joined April 2010
232 Photos and videos
Pinned Tweet
Demain, @Thom_astro remonte dans l'ISS. J'en ai profité pour remettre sur pied « Tweete Comme Pesquet ». Pour faire comme lui, mais d'ici. 📸 🛰️ tweetecommepesquet.fr (c'était un projet pour mes étudiants @ENSG_IGN)
6
8
Vincent De Oliveira retweeted
What if you could see people's time zones visually when scheduling meetings? @Cron
255
652
9,690
895,721
🤯
What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.
5
903
So simple. So effective! Check this out 👇
💡 CSS Tip! Add a 3D effect to your image with a shiny animation on hover ✨ ✅ No extra element (only the <img> tag) ✅ No pseudo-element ✅ Less than 10 CSS declrations Demo: codepen.io/t_afif/full/VwEJq… via @CodePen #CSS
5
1,379
This! 😍
Using the linear() easing function with CSS transitions, animations and the JavaScript Web Animations API fullystacked.net/posts/linea…
1
617
Vincent De Oliveira retweeted
Les slides de ma conférence "Ah tu peux faire ça en CSS maintenant ?" lors de #Codeurs2022 #CodeursEnSeine sont en ligne : speakerdeck.com/goetter/ah-t…
4
46
113
Découvrez « le bon HTML » et économisez du JS et du CSS #parisweb
1
3
6
1️⃣ View JSON in Firefox. 😍
1️⃣ View JSON in browser. Oh no! It's just raw text and usually unreadable. 2️⃣ 3️⃣ Activate something like JSONVue chrome.google.com/webstore/d… and you get a prettied-up view. (a million users, wow)
2
8
Wow! Awesome use of CSS for this holographic effect. 😍 Be sure to scroll when testing
2
Vincent De Oliveira retweeted
Hey, designers and developers, does anyone use fractional font sizes in your designs? No? Read further to know how one simple trick can make your text look sharper, help with paddings, and perhaps even become an essential part of your design system. #ui #ux #uiux #typography
80
358
2,345
Vincent De Oliveira retweeted
Hello world, I’m happy to publish Defensive CSS! 🥳 It's a resource explaining how to write CSS defensively, and how it can be used as a strategy for every front-end project. ✍️ More content is on the way! defensivecss.dev/
21
236
1,002
Vincent De Oliveira retweeted
Playing with exporting video using mapboxgl to show the progression of wildfires
12
57
412
Vincent De Oliveira retweeted
27 Jan 2022
Ils sont forts quand même @SNCFConnect. Tu peux pas dire non, mais on t'affiche quand même une stat comme si on pouvait.
3
38
129
JS frameworks benchmark 💯 krausest.github.io/js-framew… (mostly confirmed from my experience, especially on complex objects like web maps)
4
Unprefixed CSS masks 🎉 (among many other CSS goodness)
20 Jan 2022
Release notes for Safari Technology Preview 138 are available with updates to Web Inspector, CSS, JavaScript, WebAssembly, the experimental Model Element, Web Animations, Service Workers, and more. webkit.org/blog/12176/releas…
4
If you want to learn about future CSS relative colors, read that blog post from @jimniels. (see result in Safari) blog.jim-nielsen.com/2021/cs…
1
4
Vincent De Oliveira retweeted
Love these 1970s satellite-derived maps that are explicitly like "Eh, who knows? Clouds and satellite bits were blocking the view." Emphasizes the fact that these maps are representations of single moments in time. archive.org/details/earthfro…
5
146
524
Vincent De Oliveira retweeted
Brilliantly evil github.com/marco97pa/copy-pa… Always check if the code you pasted is the code you've meant to copy before running it.
2
14