PostSrc's profile picture. Learn web and mobile development, programming guides and tutorials on VueJS, NuxtJs, Laravel Framework, TailwindCSS and Flutter

PostSrc

@PostSrc

Learn web and mobile development, programming guides and tutorials on VueJS, NuxtJs, Laravel Framework, TailwindCSS and Flutter

Repost di PostSrc

Shipped Tailwind CSS v4.0-alpha.10 today, which now uses CSS variables for each utility by default ✨ Makes theming a breeze 🎨

adamwathan's tweet image. Shipped Tailwind CSS v4.0-alpha.10 today, which now uses CSS variables for each utility by default ✨

Makes theming a breeze 🎨

Repost di PostSrc

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

heystevebauman's tweet image. 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

Repost di PostSrc

A super simple way to add native browser confirmations to forms with @Alpine_JS.

alexdotgs's tweet image. A super simple way to add native browser confirmations to forms with @Alpine_JS.

Repost di PostSrc

🚀 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

freekmurze's tweet image. 🚀 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

Repost di PostSrc

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!

taylorotwell's tweet image. 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!

Repost di PostSrc

✨ 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 😎


Repost di PostSrc

Cool insights on how Github upgraded over 1200 MySQL instances to MySQL 8.0 👇 github.blog/2023-12-07-upg…


Repost di PostSrc

Here are my favorite 16 Laravel packages📦 I would immediately DIE without them! 🧵Keep Reading


Repost di PostSrc

✨ 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…

calebporzio's tweet image. ✨ 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…

Repost di PostSrc

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…

calebporzio's tweet image. 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…
calebporzio's tweet image. 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…

Repost di PostSrc

⚒️ 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 👀

calebporzio's tweet image. ⚒️ 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 👀

Repost di PostSrc

🎄 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 💪


Repost di PostSrc

Here's the code for those "god rays" I’ve been sharing! codepen.io/TWilson/pen/jO…


Repost di PostSrc

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 👇

quick tip for nested radii → your corners will look a lot better if you set the outer radius to the sum of the inner radius + padding

aleksliving's tweet image. quick tip for nested radii → your corners will look a lot better if you set the outer radius to the sum of the inner radius + padding


Repost di PostSrc

Occasionally you need to paginate a Laravel Collection (I just did). Add this Collection macro to the boot method of a service provider and you're good to go 🫡

alexdotgs's tweet image. Occasionally you need to paginate a Laravel Collection (I just did).

Add this Collection macro to the boot method of a service provider and you're good to go 🫡

Repost di PostSrc

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 🧠

adamwathan's tweet image. 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 🧠

Repost di PostSrc

Here's the source... gist.github.com/calebporzio/d8… Enjoy!

calebporzio's tweet image. Here's the source...

gist.github.com/calebporzio/d8…

Enjoy!

Repost di PostSrc

Very interesting approach, Benjamin! Out of curiosity, have you considered having the tests just below the code itself? Something like this:

enunomaduro's tweet image. Very interesting approach, Benjamin! Out of curiosity, have you considered having the tests just below the code itself? Something like this:

Repost di PostSrc

⚡️ 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!

danjharrin's tweet image. ⚡️ 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. 😎

zepfietje's tweet image. 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. 😎


Repost di PostSrc

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":

adamwathan's tweet image. 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":

Loading...

Something went wrong.


Something went wrong.