Il Glassmorphism è una tendenza nel design che mira a replicare l'aspetto e le proprietà del vetro negli elementi dell'interfaccia o di un contenuto. Questo stile si caratterizza per l'uso di trasparenza, sfocatura e effetti di luce per creare … Read more
Frontend
Esplora una vasta raccolta di articoli, guide e tutorial realizzati sia da esperti del settore che per sviluppatori frontend. Approfondisci le tue competenze e resta sempre aggiornato sulle ultime tendenze del mondo frontend, esplorando questa sezione dedicata nel nostro magazine.
Angular Forms: il nuovo evento unico per i cambiamenti di stato
Il rilascio di Angular v18 ha portato una serie di nuove funzionalità e miglioramenti al framework. Una di queste funzionalità è particolarmente promettente, in quanto introduce una nuova funzionalità all'interno della libreria Angular Forms, … Read more
OpenDev Explorer – Episodio 6 Excalidraw: i diagrammi nella roccia
"Chiunque userà questo tool sarà di diritto Re dei diagrammi a flusso" queste sono le parole incise sotto l'elsa dorata di Excalidraw, il progetto Open Source di cui vi parlerò oggi. Benvenuti a OpenDev Explorer, la mia rubrica dedicata … Read more
La nuova onda del CSS: 5 repository CSS da esplorare
Il CSS sta vivendo una rinascita, grazie a framework innovativi, ampi contributi dalla comunità e l'evoluzione costante delle pratiche di sviluppo web. Considerato un tempo noioso e limitato, negli ultimi anni il CSS ha subito una spettacolare … Read more
Creiamo una UI alla Fallout usando modern CSS
Anche a voi capita di prestare più attenzione ai terminali ed ai display futuristici nei film e nelle serie di fantascienza che alla loro trama? Personalmente ho un'autentica passione per questa antica arte di immaginare e disegnare le UX/UI del … Read more
Guida approfondita a Nuxt.js con esempi di codice
Guida Nuxt.js con esempi di codice Che tu stia creando un blog personale, un'applicazione web dinamica o un sito di e-commerce complesso, Nuxt.js offre una suite di potenti funzionalità che possono semplificare il processo di sviluppo e migliorare … Read more
Angular: definire un contenuto di fallback per ng-content
Angular v18 ha recentemente introdotto una nuova funzionalità per definire facilmente un contenuto di fallback per gli elementi ng-content. Prima di analizzarla insieme, esploreremo inoltre come in Angular v17 o versioni precedenti fosse possibile … Read more
Design System: come implementarlo
Cos’è un Design System? Il Design System è il cuore di tutti i prodotti digitali ed è molto più di una collezione di regole sui colori e tipografia, di linee guida e componenti di UI. All’interno di un Design System, per esempio, possiamo trovare … Read more
Reindirizzare Guardie e Resolver in Angular v18
Nell’era odierna dello sviluppo web, creare applicazioni dinamiche e interattive è ormai la norma. La creazione di funzionalità esclusive per determinati utenti, o disponibili al verificarsi di specifiche condizioni, può rivelarsi una sfida molto … Read more
10 sorprese e paradossi nell’industria dei giochi
Nel cuore pulsante dell’industria dei videogiochi, il 2023 si è rivelato un anno di forte contrasto, con paradossi eccezionali: da una parte l’euforia per il lancio di titoli destinati a diventare leggenda, dall'altra, la dura realtà dei … Read more
La nuova funzione output() di Angular
Negli ultimi mesi, Angular v17 ha introdotto una serie di nuove API per potenziare l’integrazione dei Signal nei componenti e nelle direttive. Queste includono Signal Inputs, Model Inputs e Signal Queries. Guardando il quadro completo, ci manca … Read more
Le migliori risorse per UX Designer
Il mondo dello User Experience Design è molto vasto e - soprattutto quando lo si esplora per la prima volta - può capitare di perdersi. Ma non temete! La Sherpa Community, come si evince dal nome, è al vostro fianco per accompagnarvi e … Read more
Angular Signal Queries: leggi il DOM senza sforzo!
Dopo l'introduzione dei Signal Inputs e dei Model Inputs, una nuova Signal API è disponibile nell'ecosistema Angular con la versione 17.2.0: le Signal Queries. Le Signal Queries offrono un approccio alternativo alle query basate sui decoratori, … Read more
Angular Model Inputs: two-way binding con i Signal Inputs
Angular v17.2.0 introduce una nuova api che ci consente di utilizzare il two-way binding con i Signal Inputs: Model Inputs. Prima di procedere, ti suggerisco di leggere il mio precedente articolo “Angular Signal Inputs: verso i Signal Components”, … Read more
Tendenze frontend per il 2024: rinascita dei CSS, BFF, linguaggi egemoni e altro
Il frontend non dorme mai! Ecco alcuni aggiornamenti, best practice e risorse degne di nota che sicuramente susciteranno il tuo interesse e miglioreranno i tuoi sforzi nello sviluppo. Abbiamo assistito alla straordinaria presentazione di Tejas … Read more
Designer vs Developer: la sfida progettuale
Introduzione Nel quotidiano lavoro dei designer, la capacità di collaborare efficacemente con i developer riveste un'importanza cruciale. Tuttavia, spesso ci troviamo ad affrontare sfide legate a una comunicazione insufficiente tra i diversi … Read more
Angular Signal Inputs: verso i Signal Components
L'introduzione dei Signal Inputs è il primo passo verso i Signal Components e le applicazioni Angular zoneless, introduzione che migliora fin da subito la qualità del nostro codice e l'esperienza di sviluppo. In questo articolo vedremo … Read more
È possibile innamorarsi di CSS?
I Cascading Style Sheets (CSS) giocano un ruolo cruciale nella grafica dei siti web e delle web app.Offrono agli sviluppatori la possibilità di creare interfacce utente sorprendenti e reattive, ma non è insolito che ci si trovi di fronte a una serie … Read more
Next.js 14: tutte le novità che rendono il deployment semplice ed efficiente
Next.js, il popolare framework per lo sviluppo di applicazioni web, ha recentemente annunciato il rilascio della sua ultima versione: Next.js 14. In occasione della quarta conferenza annuale di Vercel, gli sviluppatori di Next.js hanno presentato una … Read more
8 motivazioni per cui è preferibile scrivere un’applicazione in TypeScript piuttosto che in JavaScript
Nel dinamico panorama dello sviluppo web, TypeScript si è affermato come un linguaggio chiave, guadagnandosi una solida reputazione per la sua robustezza e le sue capacità avanzate. Nonostante la sua crescente popolarità, molti sviluppatori, … Read more