Six New'ish HTML Tags You Can Use Right Now
Jeffrey Way of Laracasts showcases some nice HTML goodness.
Making a complete file uploader with progressbar using Livewire and Alpinejs
– sinnbeck.dev - submitted by René Sinnbeck
Build a file uploader that supports drag and drop and file selection, has a progressbar, filename preview and file removal.
Read more [sinnbeck.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.
"Freek’s newsletter is one of the best ways to stay updated with the Laravel and PHP ecosystem. It consistently highlights useful packages, tools, and ideas from the community, especially the amazing work coming from Spatie. As a Laravel developer building SaaS and web platforms, I find it extremely helpful to discover practical tools and insights that improve my development workflow."
Auto-Refresh Livewire Components While Keeping States With Vite
Let's check out how we can improve working with Livewire and Vite together, by using the Vite Livewire Plugin by Fabio Ivona.
Read more [christoph-rumpel.com]
Making Vite and Valet play nice together original
Yesterday, the Laravel team launched the official vite-plugin. From now on, Vite will be the standard build tool for Laravel. The main benefits are vastly improved build times and a more straightforward API. Want to know more about it? Head over to the official docs. There's also a migration guide to go from Mix to Vite.
When I followed that guide to upgrade the freek.dev codebase from Mix to Vite , npm dev could successfully start-up Vite, but in the browser the JS / CSS did not load. Let's review how I could fix that.
What's new in Tailwind 3.1
Adam shows the cool new stuff!
Creating Dynamic HTML Tooltips with Alpine and alpine-tooltip
– ryangjchandler.co.uk - submitted by Ryan Chandler
After integrating Tippy into a few projects with Alpine.js, I decided to write my own plugin to make the integration easier and the API a little nicer (x-tooltip and $tooltip).
Read more [ryangjchandler.co.uk]
Creating your own color system with Tailwind
In this post, Oh Dear's front end developer Nick goes into more detail on why and how he implemented a tailwind-like color system that will be used in the upcoming redesign.
Read more [ohdear.app]
Bringing page transitions to the web
Here's a cool feature the Chrome team is working on. It's already available in Canary.
Building Oh Dear’s new design: Project setup
We are currently rebuilding the Oh Dear website and application frontend. In this post, you'll read more about the project setup and tools used.
Read more [ohdear.app]
Those HTML Attributes You Never Use
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.
Read more [www.smashingmagazine.com]
Using Importmaps in Laravel
- submitted by Tony Messias
Tony Messias has ported a cool feature from Rails to Laravel.
Recreating the GitHub UI with Tailwind
Here's Jess Archer showing how you can recreate the GitHub UI with Tailwind.
What's new in Tailwind CSS v3.0
Another impressive, feature rich release by the Tailwind team. Here's a rundown of all the new features.
The all-new Just-in-Time CDN for Tailwind
Simon give you a tour of the all-new Just-in-Time CDN build we're working on for Tailwind CSS v3.0, which lets you prototype with every variant, arbitrary values, and more - directly in the browser.
How Livewire works (a deep dive)
The experience of using Livewire seems magical. It's as if your front-end HTML can call your PHP code and everything just works. A lot goes into making this magic happen.
Read more [calebporzio.com]
Building a better search with Monaco and amCharts original
At Flare, we launched a new search experience. We have a very cool search field with autocompletions (powered by the rendering engine behind VS Code), and a very smooth graph powered by AmCharts. Let's take a look at the technical details!
Read more [flareapp.io]
Building a simple dashboard using Tailwind original
In this stream, Shruti Balasa show how powerful Tailwind is. She builds a simple dashboard layout in only a couple of minutes. If you want to learn more about Tailwind, consider buying a ticket for her online workshop at Full Stack Europe. You can get a 20% discount for Shruti's workshop by using…
I changed my mind about Tailwind CSS
When did you last changed your opinion on something technical?
Read more [www.thomasdhondt.be]
Modern web apps without JavaScript bundling or transpiling
We're way overdue a correction back to simplicity for the frontend. ES6/HTTP2/Import maps looks like they'll deliver just that.
Read more [world.hey.com]
Are you a component control freak?
If you're into React, you'll appreciate these patterns for working with uncontrolled components
Read more [jjenzz.com]
