Agustin Capeletto reposted
Agustin Capeletto
Agustin Capeletto
@lowpoly.gg
CSS superfan. 3D DOM wrangler. Argentino 🇦🇷 Open source @ https://layoutit.com · https://polycss.com · https://lowpoly.gg
460 followers419 following180 posts
Agustin Capeletto reposted
I *may* have over-engineered this shadow designer just a touch but gawwwddamn, she pretty. #Lumen for #CSS → lumen.renderg.host
Agustin Capeletto reposted
What new HTML and CSS features should you be using to help your design system thrive? Check out Declan’s article to get the lowdown ➡️ https://hubs.li/Q04B6Hh30
@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 🤖
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
If anyone is looking to make a static site given recent events, then you should check out Web Origami. My favourite way to author sites. weborigami.org
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!
Agustin Capeletto reposted
If you ever struggled with understanding if your CSS performance issues are coming from style calculation or from layout, LoAF's styleDuration and layoutDuration is shipping in Chromium 158 to help with that groups.google.com/a/chromium.o...
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!)
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
Experimenting with container queries this weekend 👨💻 This article explains the pattern clearly.
Agustin Capeletto reposted
JPEG XL has arrived on the web, but how does it stack up against AVIF? jakearchibald.com/2026/jpeg-xl...
Agustin Capeletto reposted
If you've wondered why I haven't written a new blog post in about a month. It's because of this. 👇 typography.damato.design I've written a few posts about web typography in the past year, and even a talk in January. I've decided all of it probably needs a single place. So, this is the place.
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
Starting my week on #TRAPPIST-1, a planetary system with seven Earth-sized worlds (around 40 light-years away). I added the habitable zone and stellar wind datasets, and I'm working on surface maps. css.earth/trappist-1-s... 👽
Agustin Capeletto reposted
I've been working towards a CSS-only sphere for years, and now I want to set it free (in #Saturn form 🪐) I added toggles so you can see what each layer contributes to the scene. Try it: codepen.io/alowpoly/pen...
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.
Agustin Capeletto reposted
It’s Friday, so let’s close out the week with some Good Links™ in The Index #201!
Explore the universe in 3D CSS. JavaScript is optional. Launching css.earth 🌍 🚀 #WorldSpaceWeek
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.
The intense research for this project has resulted in two new rendering paths for PolyCSS: * Volumetric 3D images (by @ledeluge.me) * Billboarded 3D dots (by @lowpoly.gg) Feedback is welcome! Especially from humans of the 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...
Agustin Capeletto reposted
GitHub.com has fully moved off CSS-in-JS to CSS Modules, resulting in 55% less server-side render time and 25% faster component init. https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/
Agustin Capeletto reposted
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 💚
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
I was recently introduced to straw.page, a maximalist Geocities-inspired drag-and-drop website builder. Apparently it's most popular with Gen Z, and it makes me so glad to know this sort of spirit lives on. 😄 🧵 A few examples in-thread.
Agustin Capeletto reposted
1) Place a little cutie on the border of parent element with `offset-path: border-box;` 2) Animate to random positions like `offset-distance: random(0%, 100%);` 3) Swoon blog.master.dev/randomly-pla...
Agustin Capeletto reposted
px in CSS ≠ a pixel on a display. This is something that is obvious when you think about it at all, but many people seem to gloss over it. I was explaining it to someone and figured I'd be best to jot it down: vale.rocks/micros/20260...
Trying this library for perf tracing an iPad over USB 🧑💻 Very useful so far!
Agustin Capeletto reposted
Ron Cobb’s original signage designs for Alien, made with felt tip pen and graph paper. humanoidhistory.tumblr.com/post/8286472...
Agustin Capeletto reposted
✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...
ssimulacra2 is cool. Extremely useful for image optim 👨💻
Agustin Capeletto reposted
Friends, it's that time of the year: Once again, I'm asking you to help me create another amazing HTMHell Advent Calendar by writing about HTML. The CFP is open until October 3! docs.google.com/forms/d/e/1F...
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.
Agustin Capeletto reposted
Bounce! 🏐 (CSS only) Live demo @codepen.io: codepen.io/editor/amit_...
Agustin Capeletto reposted
Agustin Capeletto reposted
This GIF from @joshwcomeau.com's last email is mesmerizing. Here's the border-shape he made of that codepen.io/editor/joshw...
Agustin Capeletto reposted
Agustin Capeletto reposted
It's the 2026 LED ART CSS Challenge! 🥳 I've created an LED experiment! Fork the @codepen.io, Do something cool! The most creative & maddest will feature in my next YouTube. tinyurl.com/56cpxceh tinyurl.com/3y6tuv58 #CSSChallenge #CodePen #WebDev #CreativeCoding #CSSArt #LEDArt #FrontEndDev
I always recommend this book by @kennethstanley.bsky.social and @joelbot3000.bsky.social It explains that the creative process is nonlinear, and how exploration can lead to serendipity 💡 In talk form: www.youtube.com/watch?v=VDuF...
Agustin Capeletto reposted
We're a while off from being able to leverage ::checkmark with checkbox styling, but here's a decent way to get the styling control you want, while preserving the useful parts of the native input element. piccalil.li/blog/a-decen...
Agustin Capeletto reposted
This is a great introduction to sibling-count() and sibling-index() by @kevinpowell.co. It's got me excited about using it. youtu.be/6-cg8Z74MPI
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!
📝 Why CSS-Tricks Has Been Quiet Lately (cc: @digitalocean.com @css-tricks.bsky.social ) geoffgraham.me/why-css-tric...
Agustin Capeletto reposted
🙋♂️ ever wanted to build something without needing to configure a db, auth, file storage or a cms? it turns out you already have all four if you have a bluesky account 👉 airspace is a typed client for it
Agustin Capeletto reposted
New blog post: Esoteric HTML - ismap vs CSS https://shkspr.mobi/blog/2026/09/esoteric-html-ismap-vs-css/ The HTML specification is old and, while there is beauty in longevity, there's an inevitable build-up of boondoggles and baggage. Some elements like <marquee> have sadly been consigned to …
Here's my take on @ivorjetski.bsky.social's LED Art Challenge! I experimented with perspective and blend modes. It's CSS-only 💚 Try it: codepen.io/editor/alowp...