ragnatela

Colmare il divario tra designer e sviluppatori

UXPin ha recentemente lanciato una nuova funzionalità chiamata "Unisci". Questo strumento mira a superare gli abissi della progettazione e dello sviluppo, il tutto migliorando l'agilità e la qualità che i nostri team si aspettano. Questa nuova tecnologia potrebbe causare qualche ripensamento su come collaborano l'intero team di progettazione e il team di ingegneri.

Leggi di più

Il modello scuro di riempimento automatico

Un "modello oscuro" è un modello UX ingannevole che induce gli utenti a fare cose che potrebbero non voler davvero fare. In questo articolo, Alvaro Montoro fa un piccolo esperimento per scoprire quanta privacy viene sottratta agli utenti attraverso tre diversi browser.

Leggi di più

Animazione CSS componibile in Vue con AnimXYZ

La maggior parte delle librerie di animazione come GSAP e Framer Motion sono costruite esclusivamente con JavaScript o TypeScript, a differenza di AnimXYZ, che è etichettato come "il primo toolkit di animazione CSS componibile", costruito principalmente con SCSS Sebbene sia una semplice libreria, può essere utilizzata per ottenere un sacco di fantastici animazione sul web in poco tempo e poco codice.

Leggi di più

Utilizzo di formati immagine moderni: AVIF e WebP

In questo articolo, evidenzieremo come i moderni formati di immagine (AVIF o WebP) possono migliorare la compressione fino al 50% e offrire una migliore qualità per byte pur mantenendo un aspetto accattivante. Confronteremo ciò che è possibile ottenere con obiettivi di alta qualità, bassa qualità e dimensioni file.

Leggi di più

Migliorare l'accessibilità del tuo markdown

Puoi trovare Markdown in molti posti su Internet. Questo articolo copre diversi aspetti di Markdown e come interagisce con altre tecnologie.

Leggi di più

Immergiamoci in Cypress per i test end-to-end

Il test end-to-end è un argomento doloroso per te? In questo articolo, Ramona Schwering spiega come gestire i test end-to-end con Cypress e renderlo non così noioso e costoso per te stesso, ma piuttosto divertente.

Leggi di più

Ricostruzione di un grande sito di e-commerce con Next.js (Case Study)

Siamo passati da una piattaforma di e-commerce integrata più tradizionale a una piattaforma headless con Next.js. Ecco le lezioni più importanti apprese durante la ricostruzione di un grande sito di e-commerce con Next.js.

Leggi di più

Semplificazione degli stili di forma con accent-color

La nuova proprietà CSS `accent-color` rende facile e veloce implementare i colori del nostro marchio in determinati input di moduli sfruttando gli stili di user agent. In questo articolo daremo un'occhiata a cosa fa e come usarlo insieme a `schema di colori` per caselle di controllo e pulsanti di opzione semplici e accessibili e immaginiamo come potremmo usarlo in futuro.

Leggi di più

Come costruire il tuo ambiente di sviluppo senza mouse

La creazione di un ambiente di sviluppo con la shell come chiave di volta offre molteplici vantaggi. Puoi personalizzare tutto in base alle tue esigenze e, soprattutto, puoi controllare l'intero ambiente di sviluppo con la tua tastiera.

Leggi di più

In che modo gli strumenti di sviluppo Web stanno aiutando gli utenti a tenere il passo con i rapidi cambiamenti

Gli ultimi 18 mesi sono stati un periodo di turbolenze senza precedenti. Mentre le persone di tutto il mondo si sono riversate online, le aziende si sono unite a loro, utilizzando strumenti di sviluppo web per adattarsi in tempo reale.

Leggi di più