it.hideout-lastation.com
Crea migliori immagini progressive caricando con AntiModerate
Lo script AntiModerate potrebbe non sembrare molto. Ma è uno dei migliori script JS che puoi eseguire per migliorare le prestazioni su una pagina più grande e mantenere una forte esperienza utente.
Con questo plugin gratuito, puoi caricare le immagini quando vengono visualizzate e ridurre le dimensioni totali della pagina.
In questo modo l'intera pagina può essere caricata prima con piccoli segnaposto per le immagini. Quindi i tuoi visitatori navigano in modo naturale senza aspettare che ogni risorsa venga caricata - sempre una buona cosa dal punto di vista dell'utente!
Ecco come funziona: aggiungi il plug-in AntiModerate alla tua pagina insieme allo script StackBlur.js.AntiModerate estrae le dimensioni dell'immagine e impone tutti i tag img in una dimensione fissa nella pagina. Queste immagini precaricate vengono trasmesse attraverso StackBlur.js che riduce drasticamente la dimensione totale del file di anteprima, quindi caricando la pagina molto prima.
Una volta posizionate queste immagini più piccole, AntiModerate carica le immagini a schermo intero sullo sfondo. Ogni foto sfocata viene quindi sostituita con la foto normale una volta completato il download. Facile!
Ciò consente di risparmiare un sacco di tempo in attesa di immagini e aiuta il caricamento della pagina molto più rapidamente. È un enorme vantaggio per gli utenti, dal momento che possono iniziare a consumare i contenuti prima, e ciò avvantaggia i tuoi punteggi SERP dato che a Google importa molto della velocità della pagina.
È possibile installare la libreria direttamente con npm o Bower oppure estraendo lo script tramite GitHub.
Questo richiede solo poche righe di JavaScript e aiuterà sicuramente a migliorare i carichi di pagina. Dai un'occhiata al repository GitHub e scorri verso il basso fino alla guida di installazione per iniziare.
Con solo poche righe di codice, AntiModerate dovrebbe essere un gioco da ragazzi per funzionare su qualsiasi pagina.Per non parlare di ciò funziona su JavaScript puro, quindi non richiede alcuna dipendenza come jQuery per funzionare.
Come progettare pagine vuote di stato per siti Web e app per dispositivi mobili
Le pagine di stato vuote sono elementi di design meno conosciuti con un ruolo significativo nell'esperienza utente. Nella sua forma più semplice, gli stati vuoti sono layout di pagina visti quando un utente visita per la prima volta una pagina in cui non è disponibile alcun contenuto .Questo può includere applicazioni mobili, social network o anche categorie di blog vuote. L
20+ regali ideali per i fotografi
In questa generazione, preferiamo raccontare le nostre storie attraverso l'obiettivo di una fotocamera piuttosto che attraverso la complessità della parola scritta. O è così o abbiamo semplicemente dimenticato come si scrive correttamente le parole. Di nuovo, nulla spiega la serenità di un cielo blu o la grazia di un cavallo al galoppo, proprio come se quel momento fosse bloccato nel tempo - sia da una DSLR o da un punto e sparare.Que
![Arte anamorfica da capogiro di Sergio Odeith [Vetrina]](http://hideout-lastation.com/img/tech-design-tips/225/mind-boggling-anamorphic-art-sergio-odeith.jpg)
