Protecting your email address via SVG instead of JS
A nice technique to prevent simple bots from harvesting your email address.
Read more [rouninmedia.github.io]
Why we use Inertia with Laravel in 2024
– atlas.dev - submitted by Mitchell Davis
This article outlines why we use Inertia with Laravel at our agency in 2024, and makes the case for why you should consider using Inertia too.
Read more [atlas.dev]
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"As a Laravel developer, this is the one newsletter I most look forward to. Freek has a talent for distilling packages or techniques down to something immediately useful - one tip can save you hours and even weeks. It's concise and practical and highly relevant."
Embed Livewire Components Using Wire Extender
– wire-elements.dev - submitted by Philo
Wire Extender allows you to embed any Livewire component on any website or even within a static HTML file.
Read more [wire-elements.dev]
My Favourite Alpine.js Plugins
– ryangjchandler.co.uk - submitted by Ryan Chandler
I've been using Alpine.js for a long time now, these are a few of my favourite plugins.
Read more [ryangjchandler.co.uk]
Nuxt: Superpowers for your Vue 3 application
– tighten.com - submitted by Jamison Valenta
Nico shares the incredible suite of conveniences Nuxt JS brings to Vue3 applications, from auto-imports to out-of-the-box server side rendering & more!
Read more [tighten.com]
Infinite Scroll with Livewire 3 and Alpine.js
– youtu.be - submitted by Bert De Swaef
in this video, we're transforming our load more button functionality to an infinite scroll using Alpine.js and more specifically we're using x-intersect to trigger our loadMore function.
Read more [youtu.be]
Create a Persistent Chat Widget with Livewire 3
– fly.io - submitted by Chris Fidao
Use Livewire 3's new Persist feature to create a chat widget that persists throughout your site without needing an SPA.
Read more [fly.io]
How we created those fancy animations on the Flare homepage original
Some fancy tricks are being used to achieve this.
Read more [flareapp.io]
Let’s take a look at Livewire v3
Let’s dive into some of the latest new features
Read more [youtu.be]
Hooks for Alpine.js
– github.com - submitted by Ryan Chandler
A collection of handy hooks, inspired by React, for Alpine.js.
Read more [github.com]
Improving Client Side Pagination with Livewire
– fly.io - submitted by Kathryn Anne Tan
In this article we remove the need to get entire datasets in order to make Client Side Pagination work. Instead, we get the dataset in lighter, less heavier parts!
Read more [fly.io]
Chrome DevTools tricks that deserve a spotlight
There are a few tricks in Chrome DevTools that don’t seem to get enough attention.
Read more [utilitybend.com]
Autocomplete fields with Livewire
– fly.io - submitted by Chris Fidao
Use browser's native autocomplete input fields and dynamically update with Livewire!
Read more [fly.io]
The End of Front-End Development
Josh Comeau argues that AI won't take away any front end jobs soon.
Read more [www.joshwcomeau.com]
Concurrent, Chunked, Multi-File Upload with Livewire
– fly.io - submitted by Kathryn Anne Tan
We easily upload multi-selected files with Livewire, in three ways: -All files in one request; -Each file in separate, concurrent requests; -and finally, each file in chunks!
Read more [fly.io]
Improve load time performance by lazily loading background images
– www.conroyp.com - submitted by Paul Conroy
Background images are key to a lot of compelling site designs, but can cause performance issues as they can't take advantage of native lazy loading. How can we get the benefit of using background images, but in a performant way?
Read more [www.conroyp.com]
Using the shadow DOM as a better iframe original
Here's how we use the Shadow DOM to ensure layout from page doesn't affect the layout of a component.
Read more [mailcoach.app]
Local or session storage?
Let’s review their similarities and differences, and determine when to use which.
Read more [sebastiandedeyne.com]
How to display dates in the browser's timezone in Livewire
– gdebrauwer.dev - submitted by Günther Debrauwer
In your Livewire components, you might want to display dates in the browser's timezone. In this post, I explore how you could achieve this.
Read more [gdebrauwer.dev]
Upcoming Livewire v3 Features and Changes
I'm very excited for Livewire v3. The new features look amazing!
Read more [laravel-news.com]
