I'd been looking at empty grids and placeholder images for so long, so it's really refreshing to finally get the images in! ☺️
Still not 100% on the grid-item design (Which had a bit of a re-work due to some text-wrapping woes) but just getting the images setup has been a big step forward.
Front-End's Missing Metric: The TBT Window
https://csswizardry.com/2026/06/front-ends-missing-metric-the-tbt-window/
Building my Website – Where it started
I recently decided to ditch my ancient WordPress portfolio and build a new site from scratch. Because I wanted to show off a little bit, I decided I wanted to make it into a 2D side-scroller using Little.js. The issue was figuring out how I could keep the site accessible. I just wrote the first blog post in a series on how I am making that very site. The site is still a work in progress; but I felt this could interest people here. And it gives me a chance to test out the blog feature I just coded in.
#Development #Launches
replacements.fyi · Performant, safer npm package alternatives https://ilo.im/16cho5
_____
#Npm #Packages #Dependencies #JavaScript #TypeScript #NodeJS #WebDev #Frontend #Backend
#Business #Introductions
Introducing Webstripes · Visualizing the energy efficiency of web pages https://ilo.im/16dbqc
_____
#Climate #Sustainability #Energy #PageWeight #Websites #Blogs #Development #WebPerf #WebDev #Frontend
#TIL there's a CSS property for `::first-letter` styling called `initial-letter`.
You don't see it a lot in the wild, but `::first-letter` has been around for a long time. With `initial-letter` you can put how many lines tall the letter should be. Chrome added support in 2023, still waiting on Firefox.
Using `::first-letter` on my site, I have to pixel push to get the letter to line-up. Not to mention Chrome and Firefox have totally different first-letter line-heights?!
#WebDev #Frontend
Is #AI causing a repeat of Frontend’s Lost Decade? - by Mauro Bieg (May 2026):
https://mastrojs.github.io/blog/2026-05-23-is-AI-causing-a-repeat-of-frontends-lost-decade/
El desarrollo web tiene dos caras inseparables:
🎨 Frontend: Es lo que ves y tocas. Diseños, botones, animaciones y experiencia de usuario. Su magia corre en tu navegador usando HTML, CSS y JavaScript.
⚙️ Backend: El motor oculto. Maneja servidores, bases de datos, lógica de negocio y seguridad. Procesa los datos para que todo funcione tras bambalinas.
Fullstack: integra todo lo anterior. 🎨⚙️
#WebDev #Frontend #Backend #Programming #FullStack #Code #DesarrolloWeb
🚨 NEWS: Vue.js 3 vs Vue 2: differenze reali e guida pratica alla migrazione
Ecco i punti chiave in breve:
💡 Hai un progetto Vue 2 che tieni in piedi da tre anni. Funziona, ma ogni volta che aggiungi una nuova funzionalità ti chiedi se sia il caso di riscriverlo. Oppure stai per iniziare un nuovo...
Christian Alder
Lobsters
RougeEric
Inautilo
Ayo
Chris Hayes
Alejandro Sepúlveda T.
Meteora Web