Learn web and mobile development, programming guides and tutorials on VueJS, NuxtJs, Laravel Framework, TailwindCSS and Flutter
Joined January 2021
- Tweets226
- Following114
- Followers75
- Likes410
PostSrc retweeted
Shipped Tailwind CSS v4.0-alpha.10 today, which now uses CSS variables for each utility by default ✨
Makes theming a breeze 🎨
PostSrc retweeted
A super simple Eloquent trait for tracking metrics on any of your Laravel models
You could add "day" to the schema if you wanted more granularity of course
![enum UserMetric: string { case Logins = 'logins'; } enum MailboxMetric: string { case ProcessedEmails = 'processed_emails'; } trait HasMetrics { public function metrics() { return $this->morphMany(Metric::class, 'model'); } public function incrementMetric($name, $value = 1, $month = null, $year = null) { $this->metrics()->firstOrCreate([ 'name' => $name, 'month' => $month ?? now()->month, 'year' => $year ?? now()->year, ], ['value' => 0])->increment('value', $value); } public function decrementMetric($name, $value = 1, $month = null, $year = null) { $this->metrics()->where([ 'name' => $name, 'month' => $month ?? now()->month, 'year' => $year ?? now()->year, ])->first()?->decrement('value', $value); } }](https://pbs.twimg.com/media/GE-xHjnW8AA6fpe.jpg?name=orig)
ALT enum UserMetric: string { case Logins = 'logins'; } enum MailboxMetric: string { case ProcessedEmails = 'processed_emails'; } trait HasMetrics { public function metrics() { return $this->morphMany(Metric::class, 'model'); } public function incrementMetric($name, $value = 1, $month = null, $year = null) { $this->metrics()->firstOrCreate([ 'name' => $name, 'month' => $month ?? now()->month, 'year' => $year ?? now()->year, ], ['value' => 0])->increment('value', $value); } public function decrementMetric($name, $value = 1, $month = null, $year = null) { $this->metrics()->where([ 'name' => $name, 'month' => $month ?? now()->month, 'year' => $year ?? now()->year, ])->first()?->decrement('value', $value); } }
PostSrc retweeted
🚀 We just released a mini-package called spatie/holidays that can calculate all public holidays for a country.
Right now Belgium, Netherlands and Hungary are supported, but we’re welcoming PRs for other countries.
#php
PostSrc retweeted
We've integrated the code behind @staudenmeir's "eager load limit" package into Laravel 11.
That means in Laravel 11 this will actually work... retrieving users while eager loading only 5 posts per user... ❤️
Thanks @staudenmeir!
PostSrc retweeted
✨ New screencast series:
BUILDING DATA TABLES AND A TON MORE RELATED STUFF IN LIVEWIRE AHHH
What's in it?
Welp, here's the entire course condensed into a few minutes while I play with my deluge in the background 😎
PostSrc retweeted
Cool insights on how Github upgraded over 1200 MySQL instances to MySQL 8.0 👇
github.blog/2023-12-07-upgra…
PostSrc retweeted
Here are my favorite 16 Laravel packages📦
I would immediately DIE without them!
🧵Keep Reading
PostSrc retweeted
✨ Probably my favorite new Livewire feature shipped today:
@ assets and @ script
- assets only load once per page
- scripts run for every component
- scripts have access to "$wire"
- no need for "document.addEventListener" anymore
- all this works with lazy loaded components
Docs here: livewire.laravel.com/docs/ja…
PostSrc retweeted
Using Algolia search on a docs site enables such a valuable feedback loop.
This morning, when I saw this email I:
- searched "alpine" on the Livewire docs
- saw there's no "central place" to learn about using Alpine with Livewire.
- wrote a new page called "Alpine"
I then rinse/repeated for a few other searches and added some more docs to make the experience better.
Such an awesome way to know what users are looking for and sort by popularity of search
PostSrc retweeted
⚒️ Me and @keithdamiani are breaking ground on a new project:
Livewire UI
All the UI components you need in your app - built with ❤️
More to come 👀
PostSrc retweeted
🎄 Check this outttt
I want to make sure my sites are "accessible" but I really suck at testing things in screen readers and such
Devtools to the rescue baby 💪
PostSrc retweeted
Here's the code for those "god rays" I’ve been sharing!
codepen.io/TWilson/pen/jOdWq…
PostSrc retweeted
CSS Tip! 🤙
Use custom properties to work out the nested radius of elements for you 😎
.parent {
--nested-radius: calc(var(--radius) - var(--padding));
}
.nested {
border-radius: var(--nested-radius);
}
Couldn't resist making an interactive visual!
@CodePen link below 👇
PostSrc retweeted
Useful trick if you ever need to use inline styles because a value is coming from the database or something but also need to change those styles on hover or similar —
Use those values to set CSS variables using inline styles, then use arbitrary values to read the variables 🧠
PostSrc retweeted
Very interesting approach, Benjamin! Out of curiosity, have you considered having the tests just below the code itself? Something like this:
PostSrc retweeted
⚡️ Additionally, you can even specify which font service is used to fetch your fonts! All in PHP.
We will support Google Fonts, Bunny Fonts, local fonts...
and a new plugin for @spatie_be's laravel-google-fonts package - which caches Google fonts locally!
Filament v3 allows you to configure a custom font by just passing its name. 🔥
Great ideas pop up on weekend calls with @awcodes1 and @danjharrin. 😎
PostSrc retweeted
I'm afraid to even share this 😂 but playing around with ideas for what it might look like to do more of your Tailwind customization/configuration/extensions directly in CSS instead of in JS.
Left is what you do now, right is an idea of doing the same thing in "CSS":
PostSrc retweeted
By default, @laravelphp uses auto-incrementing integers as your Eloquent model's primary keys. Yet, since Laravel v9.30, you may choose to use UUIDs instead by simply using the "HasUuids" trait. 💎
