Breakpoint per le Media Query di Bootstrap 3
Se stai scrivendo CSS custom sopra Bootstrap 3 ti serve la lista esatta dei breakpoint della sua griglia, e quella che gira in rete è spesso sbagliata: confonde le dimensioni dei dispositivi con i tre punti reali del framework. Qui trovi i valori corretti, le variabili da cui derivano, e il contesto che conta davvero: Bootstrap 3 è senza supporto dal 2019, quindi sapere i suoi breakpoint serve a manutenere l'esistente, non a costruire il nuovo. Continua a leggere
Ultima modifica:
Un cliente e-commerce con 50.000 prodotti aveva un React SPA che Google non indicizzava correttamente. Ho introdotto Next.js con ISR: le pagine prodotto vengono pre-renderizzate e aggiornate ogni 60 secondi. Il traffico organico è aumentato del 40% in tre mesi senza toccare il backend Laravel. 
Dopo aver migrato tre applicazioni enterprise da Vue 2 Options API a Vue 3 Composition API + TypeScript, ho catalogato i pattern che funzionano in produzione e quelli che sembrano buoni online ma si rivelano problematici a scala. Vi mostro le strutture di composable, store Pinia e i tipi per le API Laravel. 
Ho refactorizzato un'applicazione React con 200 chiamate useMemo e useCallback sparse ovunque - aggiunte da uno sviluppatore convinto che 'più memo = più veloce'. Il profiling ha mostrato che l'80% era controproducente. Vi spiego come identificare i veri colli di bottiglia e quando la memoizzazione aiuta davvero. 
Inertia.js è la soluzione che avrei voluto cinque anni fa: single-page app experience senza costruire un'API REST separata, autenticazione server-side, accesso diretto agli ORM. Ho migrato un gestionale da jQuery a Vue 3 + Inertia + Laravel senza toccare un byte del backend. Il risultato è sorprendente. 
Quando un cliente vuole modernizzare il frontend del suo gestionale senza riscrivere il backend PHP, React + Laravel API è spesso la risposta giusta. Vi mostro l'architettura che uso: Sanctum per l'autenticazione, React Query per lo stato server, Vite per il build e deployment separato su Nginx. 
Un pannello di amministrazione con 30 sezioni costruito con React richiedeva uno sviluppatore frontend dedicato per ogni modifica. L'ho riscritto in Livewire Volt in due settimane: stessa funzionalità, zero JavaScript custom, gestito interamente da un team PHP. Produttività quadruplicata, bundle eliminato. 
Sono da poco incappato per lavoro in un paio di siti davvero interessanti, che ho già salvato tra i bookmark, e che mi toglieranno parecchio lavoro in futuro. In pochi conoscono la potenza delle regole CSS3 per creare degli effetti complessi, soprattutto per quanto riguarda il box shadow, che può davvero essere miscelato e mixato in una vasta gamma di differenti output visivi. Vi linko, quindi, un link che vi aprirà nuovi orizzonti sulla scrittura di regole per il box shadow: Box Shadow in CSS3 by … 
I menu a tab sono snelli da implementare, belli da vedere e soprattutto molto funzionali. Permettono una maggiore leggibilità delle pagine web senza sacrificare lo spazio, ottimizzandolo al meglio. Una ottima implementazione, che a me è personalmente sempre piaciuta, di questa tipologia di menu tabbati è sicuramente quella di monclick.it. Il grosso problema della loro implementazione però è che necessita di un sacco di righe di markup HTML che è fondamentalmente inutile perchè fa parte dei placeholder … 
La direzione che si sta cercando di seguire, parlando in termini di "standardizzazione" dei formati relativi alle pagine web, è quella di lasciar cadere piano piano l'utilizzo di Internet Explorer 6, che è rinomato per la sua non uniformazione agli standard odierni relativi ai fogli di stile CSS. Questo fatto implica infatti un notevole impegno di tempo da parte degli sviluppatori web per cercare di "adattare" una pagina web quindi un layout con un determinato foglio di stile per il suo funzionamento …