Agustin Capeletto

Agustin Capeletto

@lowpoly.gg

CSS superfan. 3D DOM wrangler. Argentino 🇦🇷 Open source @ https://layoutit.com · https://polycss.com · https://lowpoly.gg

460 followers420 following181 posts

This is a big deal for #CSS! Scroll-driven animations are finally cross browser 🎉

Firefox for Web Developers@webdevs.firefox.com

Firefox 159 has landed! This is a pretty big one for web dev stuff: 🎉 CSS scroll-driven animations, both scroll() and view(). 🎉 Scoped custom element registries. 🎉 Streaming sanitization of HTML. And more! developer.mozilla.org/en-US/docs/M...

Agustin Capeletto reposted

Replying to @kevinpowell.co

I think we're at a stage where people (we) are more interested in the human aspect of a channel/blog/content than ever; and I love that.

@kevinpowell.co your videos have inspired a whole generation of CSS creators, myself included. So thank you! New workflows may let us iterate faster, but taste is trained by doing. Tools can’t do the caring for us 🤖

Kevin Powell@kevinpowell.co

I wish I'd realized when recording this that it would come out on the 10-year anniversary of my channel, but even if I didn't mention it, I guess it's still pretty fitting 😅 (plus it was posted to my second channel anyway, lol)

Agustin Capeletto reposted

✍️ Just published a new post about my most-anticipated CSS proposals from Interop 2027! If you’re not familiar, the Interop project is a collaboration between browsers to pick shared focus areas. There’s *so much* good stuff this year, it was hard to pick just 10!

joshwcomeau.comThe Future of CSS ✨ • Josh W. ComeauEvery year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this ...

Agustin Capeletto reposted

More range sliders with fancy shapes? Let's go! This time with a tooltip showing the value. curve, wave, zig-zag, arc ... Which one do you prefer? css-tip.com/shaped-range... 0% JavaScript and 100% CSS magic (border-shape, shape(), scroll-driven animations, and more!)

CSS by T. Afif@css-only.dev

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ css-tip.com/wiggly-range... Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

Agustin Capeletto reposted

glyphcss 0.3 is out: diagrams and charts drawn entirely in text Flowcharts, trend lines, sequence, mind maps, git graphs, sankeys, donuts and more, rendered into monospace cells for the web, terminals and chat Try it glyphcss.com

Agustin Capeletto reposted

We have a new way to render clouds in 3D CSS! Thousands of soft gas and dust particles, turned to face you as you orbit Live on the Homunculus Nebula, blown out by Eta Carinae in the 1840s, with three datasets: the gas cloud, its outer shell model and how the gas moves css.earth/homunculus-nebula

Well ackshually 🤓🙋... Saturn is an oblate spheroid, like a squished ball. It spins so fast that it bulges at the equator! Building css.earth is blowing my own mind.

css.earth is a free and open source astrovisualization platform for the web 🪐 The repo is a FITS-to-HTML pipeline: we take a ton of open space data, and turn it into one scene per celestial body. There are 4,547 URLs so far, covering galaxies, nebulae, stars, planets, moons, asteroids, and Pluto.

github.comGitHub - layoutit/css.earth: A 3D CSS astrovisualization platform, powered by the PolyCSS engine.A 3D CSS astrovisualization platform, powered by the PolyCSS engine. - layoutit/css.earth

Agustin Capeletto reposted

📝 New CSS Article! With Scroll-Driven Animations, you can transfer a value from one element to another anywhere on the page. I am using it to implement children-count(). Strange? Confusing? What the heck am I talking about?! Read my latest article 👇 blog.master.dev/transferring...

blog.master.devTransferring sibling-count() to a Parent ElementDiscover how to count children in CSS using hacks with Scroll-Driven Animations. Learn techniques to transfer values effectively!

My optimistic take is that human voices are becoming more important than ever, and that will eventually lead to more blogs and weirder personal websites 💚

dame@dame.is

i challenge you to post one optimistic take or belief today on bluesky this needn’t be toxic positivity, just good ol’ run of the mill optimism/hope in the face of a torrential downpour of doom

Agustin Capeletto reposted

Agustin Capeletto reposted

Replying to @justatorus.bsky.social

you can read what I've written about why this is EXACTLY my role in leading nuxt > I would be remiss not to speak about values. > Values shape the direction of projects and people [and] the culture of open source communities […] both in where we end up + what the journey there is like.

roe.devDiversity, equity and inclusionI'm in favour of diversity, equity and inclusion in open source communities, and here's why I think it matters.

Agustin Capeletto reposted

Screw the narrative. Don’t believe the scare. The Web will never die. Love seeing you all sharing and publishing content on here – and on your personal sites and newsletters! 💚✊

Agustin Capeletto reposted

Agustin Capeletto reposted

Agustin Capeletto reposted

We should have been writing articles and having fun with CSS, but instead... We can't do much against big corporations (except wait), so let's give Geoff some support. Share (or try) his HTML/CSS course: thebasics.dev 100% human-made by the one who edited 86945 CSS articles!

Agustin Capeletto reposted