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.

Perché il corretto design del marchio è importante
Alcune persone pensano che il design tradizionale del marchio stia diventando irrilevante nell'era del social networking, dei nuovi media e del "marchio personale". Dico che è ridicolo. Certo, potrei essere di parte, essendo io stesso un designer di branding. Ma le grandi strategie del marchio aziendale costano milioni di dollari per creare e nessun amministratore delegato potrebbe spendere così tanto denaro per qualcosa che non ha prodotto risultati o dividendi.S
![Trasforma la tua classe in una macchina del tempo [Infografica]](http://hideout-lastation.com/img/tech-design-tips/461/turn-your-classroom-into-time-machine.jpg)
Trasforma la tua classe in una macchina del tempo [Infografica]
Gli insegnanti di tutto il mondo si stanno riscaldando all'idea di introdurre la tecnologia nelle scuole e non ci riferiamo solo alla realtà aumentata o alla stampa 3D qui. Queste cose sono semplici strumenti che gli insegnanti possono usare - è ciò che fa l'educatore per migliorare l'esperienza di apprendimento che scatena il potenziale di queste tecnologie, dei dispositivi e dei loro contenuti.Ad