Philter.js - Libreria di modifica delle immagini gratuita con filtri CSS

Instagram è ampiamente noto come la rete fotografica più popolare. Gestisce oltre 52 milioni di foto al giorno e molte di esse includono filtri che alterano le immagini al volo.

Questo è anche possibile utilizzando i filtri CSS che si applicano direttamente nel browser . Queste proprietà di filtro personalizzate hanno un ampio supporto su molti browser e hanno un bell'aspetto.

Con il plug-in Philter JavaScript, puoi ridimensionare questo processo per risparmiare tempo e spostare il codice in HTML per effetti di filtro dinamici .

Usando questo plugin, ottieni un controllo molto maggiore sulle tue immagini . In questo modo puoi scegliere quali filtri applicare a singole immagini e se alcuni filtri dovrebbero cambiare in base al comportamento dell'utente come il passaggio del mouse.

I CSS supportano le transizioni animate e Philter rende questo processo davvero semplice. Basta scaricare Philter dalla homepage o dal repository GitHub. Una volta aggiunto alla tua pagina web, devi solo aggiungere il codice di inizializzazione e lasciarlo andare.

Ecco uno snippet di esempio dal repository GitHub:

Per impostazione predefinita, puoi impostare transizioni e attributi di dati aggiuntivi che puoi aggiungere in HTML. Il parametro url definisce il percorso in cui Philter deve cercare i file SVG personalizzati utilizzati nel processo di filtro.

Questi filtri extra sono inclusi nella libreria, quindi non è necessario modificarli. Ma potresti spostarli o posizionarli in una diversa struttura di directory dal tuo file corrente, quindi potrebbe essere necessario modificare questa impostazione.

Ora puoi semplicemente aggiungere filtri personalizzati direttamente al tuo codice HTML elementi o loro contenitori.

Ecco un semplice esempio :

Puoi trovare un elenco completo di tutti i filtri su GitHub, oltre a una guida completa all'installazione e molti altri esempi di codice.

Philter è uno dei plug-in gratuiti più interessanti in circolazione e supera i limiti del moderno CSS. È anche possibile progettare i propri filtri se si è disposti a scavare nel codice base e armeggiare.

Per iniziare, basta visitare la homepage di Philter e scaricare una copia. Puoi averlo attivo e funzionante in pochissimo tempo.

8 fantastici droni che puoi acquistare per scattare video aerei con

Al giorno d'oggi l'uso dei droni sta diventando sempre più popolare e hanno molti usi. L'uso più comune è che le persone siano in grado di catturare bellissime riprese aeree. Dopo tutto, offrono una prospettiva diversa per l'individuo acuto. Che tu stia pensando di sperimentare con la tua fotografia o semplicemente di provare un hobby diverso, perché non prendere in considerazione un drone?Ci

(Consigli tecnici e di design)

50 torte di Natale creative troppo fresche da mangiare

Il cake design ha assunto una vita propria con torte nuziali creative e persino torte a tema geek che fanno girare la testa in molte importanti funzioni. Non è diverso per Natale, infatti, in questo post vedremo 50 torte natalizie creative che aiutano a diffondere gli applausi natalizi.Alcuni dei dolci elencati di seguito sono fatti da cuochi professionisti, mentre altri sono fatti in casa (e quindi vengono forniti con una ricetta o istruzioni di decorazione).

(Consigli tecnici e di design)