Freek.dev

In a new video, Shruti Balasa explains this basic concept of CSS.

Read more

Vite is a frontend build tool like webpack. Instead of bundling development assets, Vite serves native ES modules transpiled with esbuild from the dev server. This means there’s a lot less bundling to do, and results in a very fast developer experience.

Read more [sebastiandedeyne.com]

As a predominantly Laravel developer that is accustomed to Laravel Mix, I wanted to see how to get Tailwind's JIT compiler working with Laravel Mix, and was pleasantly surprised that it was quite simple and just works.

Read more [dyrynda.com.au]

In this post 8 image loading optimization techniques are outlined to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.

Read more [www.industrialempathy.com]

Here's a simple approach on how to use cookies with AlpineJS

Read more [releasecandidate.dev]

I really like the simplicity of our solution.

Read more [ohdear.app]

Here's how Bram Van Damme prevents double form submissions

Read more [www.bram.us]

Learn how to build a remaining character counter in Alpine.js using only a few lines of code.

Read more [ryangjchandler.co.uk]

Seb explains how web components work using a shadow DOM.

Read more [sebastiandedeyne.com]

There are many things you can use for front-end scaffolding in Laravel. That can make picking one tough. This blogposts walks you through all the options

Read more [samuelstancl.me]

My colleague Ruben introduces the laravel-typescript-transformer package he created. This one can convert backend classes, like enums and DTOs, to TypeScript definitions.

Read more [rubenvanassche.com]

Reusability is important when it comes to scaling projects and future-proofing the maintainability of a project. Let's take a look at how you can write more re-usable components in Alpine.

Read more [ryangjchandler.co.uk]

We all come across tasks that are repetitive and probably struggle to find ways of making them more re-usable in our Alpine components. Since v2.5 we can register custom magic variables that can help us out with that.

Read more [ryangjchandler.co.uk]

Wouldn't it be nice if users wouldn't see a blank screen when navigation to another URL? Portals allow you to preload the next page and transition to it with a nice animation.

Read more [web.dev]

Mohamed Said explains an interesting pattern for you to consider that can potentially make authenicating from the frontend easier.

Read more

If you don't need a reactive UI, Alpine.js might still find it's place in your tech stack.

Read more [ryangjchandler.co.uk]

In a new blogpost, my colleague Seb explains why he chose not to use any JavaScript framework for the interactive parts of Mailcoach

Read more [sebastiandedeyne.com]

Adam Wathan explain how can avoid re-rendering the entire UI everytime you click a link in Next.js

Next.js is such a wonderfully productive development experience and produces such incredibly fast websites that I just refused to believe it had to be this way. So I spent a few weeks researching, asking questions, and experimenting, and came up with these four patterns for persistent layouts in Next.js applications.

Read more [adamwathan.me]

Atymic (real name unknown to me), a developer hailing from Sydnex, wrote a blogpost on how he managed to get PHP running in the browser via WebAssembly.

I'm sure you've come across plenty of sites that use javascript on the front end, but what about using PHP as a client side language? How, you ask? Since PHP is C based, it's actually possible to compile a version that's able to run inside your web browser using web assembly.

Read more [atymic.dev]

Seb De Deyne explains the differences and similarities between Intertia and Livewire.

I’ve seen many people compare the two, or ask if they can be used together. This post showcases their similarities and differences, and should help you understand which problems they each solve best.

Read more [sebastiandedeyne.com]