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


Immagini responsive semplificate con ResponsifyJS

Il web moderno dovrebbe essere al 100% reattivo e le nuove biblioteche stanno rendendo questo sempre più possibile.

Con plug-in gratuiti, come ResponsifyJS, è ancora più semplice far funzionare i tuoi siti web su tutti i dispositivi. Questo plugin jQuery gratuito prende un contenitore di immagini e riorganizza dinamicamente in base alle diverse dimensioni dello schermo.

Poiché diversi contenitori contengono immagini diverse, possono ridimensionarsi in modi molto strani. A volte, le foto delle persone e dei loro volti possono essere tagliate quando vengono ridimensionate sui dispositivi mobili.

Il plugin Responsify è stato creato per risolvere questo problema esatto. Può funzionare automaticamente ma la vera magia sta nel definire la tua area di messa a fuoco sull'immagine.

Usa un sistema interno di descrizioni decimali per trovare dove dovrebbe essere il focus dell'immagine. Ad esempio, puoi definire posizioni come data-focus-top che "bloccano" un certo segmento dell'immagine.

Questi dati devono essere trasmessi sotto forma di decimali, ad esempio un obiettivo decimale di 5 decimi del 50% dell'immagine (sinistra / destra o alto / basso). Naturalmente, questo è abbastanza confuso da fare da soli. Ma c'è un'app gratuita Responsify che ti consente di calcolare le posizioni in modo dinamico nel tuo browser.

Basta caricare un'immagine, definire l'area di messa a fuoco, quindi copiare / incollare il codice dell'immagine nel tuo sito web. Il plugin Responsify avrà tutti i dati necessari per ridimensionare correttamente l'immagine su schermi più piccoli.

Puoi trovare alcuni collegamenti demo live nel repository GitHub, inclusi frammenti di codice da copiare / incollare nel tuo sito.

Questo plugin non è la soluzione perfetta per ogni progetto. A volte, ti consigliamo di ridimensionare le immagini senza aree di messa a fuoco fisse. Ma, se stai usando le griglie di muratura con jQuery, non fa male aggiungere ResponsifyJS al tuo stack.

Per ulteriori informazioni, visitare la home page del plug-in per una demo in tempo reale, un collegamento per il download e una guida completa all'installazione.

Tethering istantaneo Consente di condividere la connessione Internet tra i dispositivi senza sforzo

Tethering istantaneo Consente di condividere la connessione Internet tra i dispositivi senza sforzo

Il tethering del tuo dispositivo Android potrebbe non essere più un problema nel prossimo futuro, dato che Google ha rilasciato una nuova funzione chiamata "Instant Tethering" con la versione 10.2 di Google Play Services.Disponibile solo per i dispositivi Pixel e Nexus che funzionano su Android Nougat 7.

(Consigli tecnici e di design)

10 migliori Disk Space Analyzer per Windows 10

10 migliori Disk Space Analyzer per Windows 10

Con il miglioramento della qualità dei file multimediali, dei giochi e del software, i nostri sistemi informatici diventano sempre più affamati di più spazio di archiviazione ogni giorno che passa. Indipendentemente dall'entità del disco rigido del tuo sistema, alla fine vedrai l'errore di memoria insufficiente .Qua

(Consigli tecnici e di design)