Vincent De Oliveira
@iamvdo.bsky.social
📤 38
📥 37
📝 5
CSS, UI, JS & Maps
reposted by
Vincent De Oliveira
🐴 Alex Trost
27 days ago
I made this "ad" for one of Cursor's recent features. It finally solves the terrible problem of knowing CSS.
loading . . .
7
167
48
reposted by
Vincent De Oliveira
Una Kravets
3 months ago
🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out:
chrome.dev/css-wrapped-2025
loading . . .
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
https://chrome.dev/css-wrapped-2025
2
132
66
Wow! 😍
add a skeleton here at some point
3 months ago
0
4
0
reposted by
Vincent De Oliveira
Patrick Brosset
3 months ago
On the Edge team, we think web apps should be easier to install. The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it. That's why we're proposing the Web Install API, which you can now test!
loading . . .
The Web Install API is ready for testing
We're happy to announce that the Web Install API is now ready for testing on your own site, as an origin trial in Microsoft E
https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/
4
83
18
reposted by
Vincent De Oliveira
Amit Sheen
5 months ago
✨ New article ✨ Are we at the start of a new era? Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS. What do you think?
css-tricks.com/css-typed-ar...
4
71
24
reposted by
Vincent De Oliveira
Josh W. Comeau
9 months ago
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
loading . . .
Partial Keyframes • Josh W. Comeau
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations s...
https://www.joshwcomeau.com/animation/partial-keyframes/
12
178
30
reposted by
Vincent De Oliveira
Sara Soueidan
6 months ago
A gentle introduction to
#CSS
anchor positioning by
@saron.bsky.social
webkit.org/blog/17240/a...
— I'm loving all the simple guides to new CSS features that are now being published on the webkit blog. It's slowly becoming a great resource to stay up-to-date with the latest in
#CSS
.
loading . . .
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
1
64
7
reposted by
Vincent De Oliveira
Josh W. Comeau
7 months ago
One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:
loading . . .
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...
https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
16
372
101
reposted by
Vincent De Oliveira
Marcin Wichary
8 months ago
I wrote something new! It’s a UI design history essay about Mac’s Control Panel, and it uses emulation in some… maybe new and maybe interesting ways?
aresluna.org/frame-of-pre...
loading . . .
Frame of preference
A story of early Mac settings told by 10 emulators.
https://aresluna.org/frame-of-preference
24
331
119
reposted by
Vincent De Oliveira
Jake Archibald
9 months ago
CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls.
jakearchibald.com/2025/animati...
loading . . .
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
https://jakearchibald.com/2025/animating-zooming/
13
269
57
reposted by
Vincent De Oliveira
Piccalilli
9 months ago
Now we have text-box in CSS, understanding font metrics is even more important so you know what you’re trimming. This is a very handy little website that allows you to upload a font that you plan on using, along with a Google font picker.
vertical-metrics.netlify.app
loading . . .
Vertical Metrics
Testing vertical metrics typography across browsers.
https://vertical-metrics.netlify.app/
1
55
14
reposted by
Vincent De Oliveira
Christina Warren
9 months ago
The 1 billionth GitHub repository has been created and it’s absolutely perfect.
1
141
38
reposted by
Vincent De Oliveira
Maximiliano Firtman
9 months ago
🔴ADD TO HOME SCREEN on iOS 26 and iPadOS 26 Any website is treated as an app by default (a.k.a. a PWA) if added to the home screen. "Add to home Screen" is now 3 taps away: 1️⃣ ... menu 2️⃣ Share 3️⃣ ... more (second one)
loading . . .
1
5
4
reposted by
Vincent De Oliveira
Alsacréations
10 months ago
Éco-conception et dithering (par hteumeuleu), ou comment la "diffusion d'erreur" sur les images va à l'encontre des principes d'optimisation
www.hteumeuleu.fr/eco-concepti...
loading . . .
Éco-conception et dithering – HTeuMeuLeu
S’il y a bien un truc qui m’énerve, ce sont les sites soit disant « éco-conçus »…
https://www.hteumeuleu.fr/eco-conception-et-dithering/
0
2
2
reposted by
Vincent De Oliveira
Jen Simmons
11 months ago
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
10
482
107
reposted by
Vincent De Oliveira
Chrome for Developers
12 months ago
Support for CSS and Baseline has shipped in ESLint
https://web.dev/blog/eslint-baseline-integration?hl=en
loading . . .
Support for CSS and Baseline has shipped in ESLint | Blog | web.dev
You can now use ESLint to lint CSS and enforce usage of Baseline CSS features in your project! Learn more in this blog post.
https://web.dev/blog/eslint-baseline-integration?hl=en
0
8
1
reposted by
Vincent De Oliveira
Adam Argyle
12 months ago
#CSS
sibling-index() and sibling-count() available Chrome Canary with experiments enabled! easily stagger effects like: `transition-delay: calc(sibling-index() * .1s);` more info and a Codepen to fork ⤷
nerdy.dev/sibling-index
loading . . .
9
241
35
reposted by
Vincent De Oliveira
Raphael
about 1 year ago
Seconde conférence à
#confoo
#confoo2025
: "(Not) Alone in the Dark mode", toute fraîchement disponible :
speakerdeck.com/goetter/dark...
loading . . .
Dark mode : comment rejoindre le côté sombre ?
Le Dark Mode (mode d'affichage sombre) est aujourd'hui largement plébiscité, que ce soit sur mobile ou sur écran de bureau, mais concrètement quelles so…
https://speakerdeck.com/goetter/dark-mode-comment-passer-du-cote-sombre
0
2
3
reposted by
Vincent De Oliveira
Raphael
about 1 year ago
Mes slides "Ça bouge du côté des animations CSS" donnée tout à l'heure à
#confoo
#confoo2025
sont disponibles ici :
speakerdeck.com/goetter
0
1
2
reposted by
Vincent De Oliveira
CSS by T. Afif
about 1 year ago
I made a little tool to better visualize the effect of the new text-box property and also generate the code for you!
css-tip.com/text-box/
#CSS
add a skeleton here at some point
1
62
14
New game from
@codepip.com
(Flexbox Frogqy, Grid Garden) ⚓ Anchoreum, to learn
#CSS
anchor positioning Levels 38 and 39 are mindblowing! 🤯
anchoreum.com
loading . . .
Anchoreum
A game for learning CSS anchor positioning
https://anchoreum.com/
about 1 year ago
0
1
1
reposted by
Vincent De Oliveira
Patrick Brosset
about 1 year ago
I just made a thing: A collection of links for web developers to navigate the web platform more easily. 🟢 Places to follow progress and keep track. 🟣 Places to make your voice heard and influence the platform with your use cases.
loading . . .
Navigating the Web Platform Cheatsheet
As a web developer, navigating the web platform isn't always easy. Here are ways to keep track of what you can use, of what's new in web browsers, and ways you can influence the development of the…
https://buff.ly/4b88m1y
1
43
24
reposted by
Vincent De Oliveira
Ana Tudor
about 1 year ago
Someone asked (yet again) on reddit for that inverted radius tab pattern so here's a pure
#CSS
solution from me
www.reddit.com/r/css/commen...
✨ no extra elements or pseudos needed for effect ✨ only need to set border, background, border-radius
1
52
3
reposted by
Vincent De Oliveira
Bramus
about 1 year ago
CSS Custom Functions are coming … and they are going to be a game changer! 👉
brm.us/css-custom-f...
18
398
109
Good to see progress (resolved resolution) on CSS squircles!
github.com/w3c/csswg-dr...
loading . . .
[css-shapes-2][css-borders-4] corner-shape support for superellipses · Issue #10993 · w3c/csswg-drafts
I worked a bit on trying to find an option for corner-shape on the new API that supported squircles and had inner/outer symmetry. After a bit of work I'm proposing we add a value se(x) (name TBD) t...
https://github.com/w3c/csswg-drafts/issues/10993#issuecomment-2622578937
about 1 year ago
0
0
0
Hello there 👋
about 1 year ago
1
2
0
you reached the end!!
feeds!
log in