Al momento stai visualizzando Pure CSS Francine: l’immagine che cambia a seconda del browser che si usa

Pure CSS Francine: l’immagine che cambia a seconda del browser che si usa

  • Autore dell'articolo:
  • Categoria dell'articolo:News

Le pagine web vengono visualizzate in modo diverso a seconda del browser: è proprio cosà¬, ed è una delle cose più comuni ma anche più difficili da far capire all’utente medio: ogni browser interpreta o ignora gli elementi della pagina, bloccandone alcuni e cercando di rendere al meglio gli altri. A livello visuale, questo può comportare proporzioni diverse, linee più o meno dense e cosଠvia. Dettagli spesso impercettibili o minimali che fanno la differenza, e che ogni web designer dovrebbe conoscere.

Pure CSS Francine è un’opera d’arte realizzata interamente in markup HTML e CSS, e decisamente spettacolare: a seconda del browser con cui si apre l’immagine, infatti, è possibile apprezzare dettagli differenti e resa visiva molto simile, per quanto non identica. Per apprezzare l’effetto, è necessario scaricare il codice in formato ZIP da Github, e poi aprire il file index.html all’interno dello stesso con più browser.

Io ci ho provato stasera, e questo è il risultato ottenuto: ho fatto tre screenshot coi principali browser che uso.

Pubblicità - Continua a leggere sotto :-)
Cerchi alternative a Google Adsense per il tuo sito? Prova TheMoneytizer!
Usa il codice 189ed7ca010140fc2065b06e3802bcd5 per ricevere 5 € dopo l'iscrizione

Firefox

Questa è la resa di base su Firefox: ricordiamo che si tratta di un’immagine realizzata dall’esperta di UI e sviluppatrice Diana Smith, tutta in HTML e CSS. Fate caso soprattutto, in questa fase, a come vengono resi gli occhi e le ciglia.

Chrome

In questo caso la resa visuale è abbastanza simile, per quanto l’espressività  del viso sembri leggermente più marcata. Anche l’illuminazione della figura sembra seguire un percorso differente. La linea tratteggiata della cintura, ad esempio, qui sembra più sottile del caso precedente. Ma non è tutto: addirittura le proporzioni del viso sembrano molto diverse dagli altri due rendering che ho provato.

Safari

Qui le differenze sembrano essere leggermente più marcate: la resa è diversa come è possibile vedere dal glitch sulla spalla destra della donna, e da come sono visualizzati occhi e ciglia: qui sono decisamente più marcati. La resa grafica, in generale, sembrerebbe meno di qualità  dei due casi precedenti.

Per testare l’effetto potete scaricare il progetto da Github e provare ad aprirlo con vari browser.

Pubblicità - Continua a leggere sotto :-)

(Tophost) l' hosting web più economico - Usa il coupon sconto: 7NSS5HAGD5UC2

Cerchi alternative a Google Adsense per il tuo sito? Prova TheMoneytizer!
Usa il codice 189ed7ca010140fc2065b06e3802bcd5 per ricevere 5 € dopo l'iscrizione

Pubblicità - Continua a leggere sotto :-)
Cerchi alternative a Google Adsense per il tuo sito? Prova TheMoneytizer!
Usa il codice 189ed7ca010140fc2065b06e3802bcd5 per ricevere 5 € dopo l'iscrizione

👇 Contenuti da non perdere 👇



Questo sito web esiste da 4694 giorni (13 anni), e contiene ad oggi 4356 articoli (circa 3.484.800 parole in tutto) e 23 servizi online gratuiti. – Leggi un altro articolo a caso

Numero di visualizzazioni (dal 21 agosto 2024): 0
Pubblicità - Continua a leggere sotto :-)
Segui il canale ufficiale Telegram @trovalost https://t.me/trovalost
Seguici su Telegram: @trovalost

Trovalost.it

Ho creato Trovalost.it e ho scritto quasi tutti i suoi contenuti relativi all'informatica. Credits immagini: pexels.com, pixabay.com, wikipedia.org, Midjourney, StarryAI, se non diversamente specificato.