it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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.

Crea widget a scheda reattivi con GridTab

Crea widget a scheda reattivi con GridTab

È sempre più facile creare siti Web utilizzando strumenti open source piuttosto che reinventare la ruota. Questi strumenti vanno dalle librerie ai plugin più piccoli ma puoi trovare una soluzione praticamente per qualsiasi cosa.Il fenomenale plugin jQuery GridTab è un ottimo esempio. Ti consente di impostare una griglia personalizzata, definire i punti di interruzione e creare un widget a schede reattivo adatto a qualsiasi sito web.Puo

(Consigli tecnici e di design)

Fotografia di matrimonio: 20 migliori fotografi e i loro capolavori

Fotografia di matrimonio: 20 migliori fotografi e i loro capolavori

Come le foto di un neonato o le foto di padre e figlia, la fotografia di matrimonio cattura uno dei momenti più emozionanti e memorabili della propria vita. E questo è ciò che li rende senza tempo e inestimabili allo stesso tempo.Anche se ci sono così tante fotocamere avanzate e strumenti di fotoritocco disponibili e chiunque può imparare la fotografia online, tuttavia, un perfetto ritratto di un matrimonio può essere creato solo da un fotografo di talento ed esperto .Quind

(Consigli tecnici e di design)