Crea spinners e caricatori a elemento singolo con CSSPIN

Puoi creare cose incredibili con CSS3, dai campi di input personalizzati ai menu a discesa e persino alla grafica vettoriale . Queste tecniche stanno rapidamente superando JavaScript, rendendo più facile per gli sviluppatori realizzare esperienze utente migliori.

Una delle cose più complicate da realizzare è un'animazione a spinner di caricamento, ma l'animazione CSS moderna lo rende anche piuttosto semplice.

Per risparmiare tempo costruendo da zero, è possibile utilizzare una libreria come CSSPIN con tonnellate di filatori personalizzati predefiniti . Tutte queste animazioni sono libere di clonare e totalmente open-source, quindi hai pieno accesso per modificare il codice come desideri.

Impostare uno spinner con questa libreria è un gioco da ragazzi. Basta copiare la libreria CSS nella tua pagina, quindi aggiungere gli elementi HTML personalizzati ovunque desideri che vengano visualizzati.

Questi spinners personalizzati utilizzano solo un elemento HTML per creare l'effetto di animazione. Questo è enorme perché l'effetto grafico e di animazione è reso puramente attraverso le classi CSS .

E, dato che hai accesso al codice sorgente, puoi sostituire forme, colori, dimensioni e velocità di animazione per adattarlo meglio ai tuoi progetti.

Basta notare che il codice usa la sintassi LESS, quindi è necessario avere familiarità con quel linguaggio di pre-elaborazione per apportare importanti modifiche.

Ma puoi trovare un sacco di semplici esempi CSS nella pagina demo principale, insieme a semplici istruzioni sulla pagina GitHub.

Se hai familiarità con npm o Bower, questi sono metodi alternativi per l'installazione della libreria.

Non importa come viene installato, questa è una fantastica libreria di animazioni CSS con cui lavorare. È pensato per essere completamente modulare con un sacco di spazio per nuovi spinners, nuove animazioni e personalizzazioni da altri sviluppatori.

Per saperne di più e sfogliare tutta la documentazione, controlla il repository CSSPIN su GitHub . Il creatore ha anche realizzato un piccolo video di installazione che puoi guardare qui sotto.

Cerca i file di Google Drive direttamente dall'app Google [Android]

Passando attraverso la tua cartella di Google Drive per scoprire che uno specifico file non sarà più così doloroso come lo è attualmente per i possessori di dispositivi Android. Perché potresti chiedere? Perché Google sta implementando un aggiornamento all'app Google per Android che ti consente di cercare i file di Google Drive direttamente dall'app stessa.Una v

(Consigli tecnici e di design)

Come rimuovere tutte le foto spazzatura in WhatsApp automaticamente

Il metodo di WhatsApp per scaricare le foto sul telefono può rivelarsi un problema se non si ha l'abitudine di pulire regolarmente il telefono. È possibile scegliere di eliminare l'intera cartella multimediale di WhatsApp per eliminare tutte le foto, ma potrebbero esserci anche alcune foto importanti all'interno della cartella .S

(Consigli tecnici e di design)