ragnatela

Crea effetti immagine reattivi con gradienti CSS e proporzioni

Un classico problema nei CSS è mantenere le proporzioni delle immagini tra i componenti correlati, come le schede. La nuova proprietà `aspect-ratio` in combinazione con `object-fit` fornisce un rimedio a questo mal di testa del passato! Impariamo a usare queste proprietà, oltre a creare un effetto di immagine gradiente reattivo per un tocco in più.

Stato del GDPR nel 2021: aggiornamenti chiave e cosa significano

In qualità di professionisti del digitale, il GDPR ha avuto un impatto su ogni aspetto della nostra vita professionale e personale. Che tu sia dipendente da Instagram, invia messaggi alla tua famiglia su WhatsApp, acquisti prodotti da Etsy o dalle informazioni di Google, nessuno è sfuggito alle regole introdotte nel 2018.

Costruire il proprio curriculum di apprendimento personale

Come sviluppatori, impariamo costantemente nuovi linguaggi e framework. Ma come puoi strutturare questo apprendimento per garantire il massimo beneficio mentre stai ancora progredendo? Ecco come puoi ideare il tuo curriculum per continuare a muoverti nella giusta direzione.

Contesto e variabili nel generatore di siti statici di Hugo

In questo articolo, diamo un'occhiata all'argomento del contesto e delle variabili in Hugo, un popolare generatore di siti statici. Comprenderai concetti come il contesto globale, il controllo del flusso e le variabili nei modelli Hugo, nonché il flusso di dati dai file di contenuto attraverso i modelli fino ai modelli parziali e di base.

Suggerimenti e scorciatoie per il debug di DevTools (Chrome, Firefox, Edge)

DevTools è molto avanzato e utile, ma può anche essere molto intimidatorio e opprimente. Risolviamolo. In questo articolo, Vitaly esamina funzioni e scorciatoie utili per il debug in Chrome, Firefox, Edge e Safari.

Ottimizzazione del video per dimensioni e qualità

L'aggiunta di video alla tua applicazione può aumentare il coinvolgimento e la soddisfazione dei clienti. Ma l'esatto contrario può verificarsi quando ci sono problemi con la riproduzione del video: gli stalli dei video sono frustranti e allontanano i clienti. In questo articolo, illustreremo i passaggi per ottimizzare il video sul tuo sito Web per garantire una riproduzione veloce e ridurre gli stalli.

Cose da aspettarsi da un fantastico seminario: Masterclass di Form Design

Un paio di settimane fa, abbiamo organizzato un [Form Design Masterclass](https://smashingconf.com/online-workshops/workshops/adam-silver), un workshop online con Adam Silver insieme a 81 persone amichevoli e intelligenti. Oggi, Adam condivide la sua esperienza e i suoi dettagli mettendo in evidenza ciò che tu come partecipante puoi aspettarti da uno Smashing Workshop e cose da tenere a mente quando ne esegui uno.

Cosa può insegnarci Saul Bass sul web design

Crediti cinematografici, loghi di marchi, poster... Saul Bass ha fatto tutto e i principi che hanno ispirato il suo lavoro sono preziosi ora come lo erano 50 anni fa.

Creazione di un'app Web con React, Redux e Sanity.io

Headless CMS è un modo semplice e potente per gestire i contenuti e accedere alle API. Basato su React, Sanity.io è uno strumento continuo per una gestione flessibile dei contenuti. Può essere utilizzato per creare applicazioni da semplici a complesse da zero. In questo articolo, Ifeanyi spiega come creare una semplice app per elenchi con Sanity.io e React. Gli stati globali saranno gestiti con Redux e l'applicazione avrà uno stile con componenti in stile.

Digitazione statica dinamica in TypeScript

In questo articolo, esamineremo alcune delle funzionalità più avanzate di TypeScript, come tipi di unione, tipi condizionali, tipi letterali modello e generici. Vogliamo formalizzare il comportamento JavaScript più dinamico in modo da poter intercettare la maggior parte dei bug prima che si verifichino.