Vincent De Oliveira

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

[Vincent De Oliveira @iamvdo]

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. 📸

🛰️ https://t.co/NlMlKKpR4J

(c'était un projet pour mes étudiants @ENSG_IGN)

[Mikk Martin 🇪🇪🇺🇦 @mikkmartin]

What if you could see people's time zones visually when scheduling meetings? @Cron

[Vincent De Oliveira @iamvdo]

🤯

[Roma Komarov (inactive) @kizmarh]

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.

[Vincent De Oliveira @iamvdo]

So simple. So effective! Check this out 👇

[CSS by T. Afif @ChallengesCss]

💡 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: https://t.co/NPfaR3zqRG via @CodePen

#CSS

[Vincent De Oliveira @iamvdo]

This! 😍

[Ollie Williams @hypeddev]

Using the linear() easing function with CSS transitions, animations and the JavaScript Web Animations API
https://t.co/SD2pUe0Ixg

[Vincent De Oliveira @iamvdo]

@LukyVJ afaik, preserve-3d is when you have nested 3d elements. Otherwise, no need of it :)

[Vincent De Oliveira @iamvdo]

@Nissone @recifs Non, pas sur mastodon. Et de moins en moins souvent ici. Mais merci ! :)

[Raphaël Goetter @goetter]

Les slides de ma conférence "Ah tu peux faire ça en CSS maintenant ?" lors de #Codeurs2022 #CodeursEnSeine sont en ligne : https://t.co/N18NwCJczW

[Vincent De Oliveira @iamvdo]

@Nissone @recifs Et encore, c'est que sur papier :P

[Vincent De Oliveira @iamvdo]

@FEDbySandrine 😂

[Vincent De Oliveira @iamvdo]

Découvrez « le bon HTML » et économisez du JS et du CSS #parisweb

[Vincent De Oliveira @iamvdo]

1️⃣ View JSON in Firefox. 😍

[Chris Coyier @chriscoyier]

1️⃣ View JSON in browser. Oh no! It's just raw text and usually unreadable.

2️⃣ 3️⃣ Activate something like JSONVue https://t.co/GyUHn6aRxV and you get a prettied-up view. (a million users, wow)

[Vincent De Oliveira @iamvdo]

Randomness in CSS is so cool

https://t.co/mnUAn8HhgI

[Vincent De Oliveira @iamvdo]

@ZakStrassberg Maybe this will help? https://t.co/VR6dGk13WM

[Vincent De Oliveira @iamvdo]

TIL about optical corner rounding and the Lamé curve. #UI https://t.co/w5SFr6lKYu

[Slava Shestopalov 🇺🇦 @shestopalov_v]

I just published “Optical Effects in User Interfaces (for True Nerds)” https://t.co/k0tUZRue7o

[Vincent De Oliveira @iamvdo]

Wow! Awesome use of CSS for this holographic effect. 😍
Be sure to scroll when testing

[Roman Shamin @romanshamin_en]

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

[Vincent De Oliveira @iamvdo]

@bramus Maybe this one here (https://t.co/oZgi3vTVlB) can be considered official one too?

[Defensive CSS @DefensiveCSS]

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!

https://t.co/8cc8lNxDpb

[Vincent De Oliveira @iamvdo]

@derSchepp Here's what you're looking for :) https://t.co/0dwk3idcq5