Generatore di codice CSS gratuito per filtri stile Instagram

Quanto sarebbe bello aggiungere filtri di immagine sul tuo sito? Anni fa questo avrebbe richiesto JavaScript, ma al giorno d'oggi è possibile creare filtri di immagine personalizzati con buoni vecchi HTML e CSS.

E con la webapp cssFilters non devi nemmeno scrivere alcun codice CSS!

Questo strumento gratuito ti aiuta a creare filtri di immagini personalizzati usando i filtri CSS3. Puoi trovare molte guide che coprono la proprietà del filtro CSS in dettaglio. Ma con cssFilters non dovrai preoccuparti di come tutto funzioni, basta semplicemente personalizzare le impostazioni e copiare il codice.

Nella parte superiore dello schermo noterai una lunga barra piena di filtri Instagram personalizzati. Questi filtri includono tutte le scelte popolari come Hudson, Toaster, Inkwell, Lofi e molti altri.

Fai semplicemente clic sul filtro che desideri e quindi fai clic sulla scheda "Codice CSS" nell'angolo in alto a destra. Da lì avrai sia il codice HTML che il codice CSS. Basta copiare / incollare nel tuo sito Web e sei a posto.

Ma puoi anche personalizzare questi filtri con i cursori delle impostazioni. Sotto la scheda "generatore" puoi modificare le impostazioni come saturazione e contrasto insieme a sfocatura, scala di grigi, seppia e persino lo stile di sovrapposizione come un gradiente lineare o sfumatura radiale.

Ogni volta che muovi un cursore, aggiorna automaticamente il codice in modo da non dover salvare nulla.

E puoi anche scambiare l'immagine predefinita caricandone una dal tuo computer o sceglierne una da Unsplash.

Questa webapp è stata creata da Indrashish Ghosh e gestisce molte delle classi predefinite trovate nella libreria CSSgram.

Ma le impostazioni personalizzate vanno ben oltre i preset di base e la generazione di codice gratuito lo rende uno strumento utile sia per i programmatori che per i non-programmatori. Abbiamo già molti generatori CSS3 per proprietà come gradienti di sfondo e ombre di testo. E ora abbiamo cssFilters come il principale generatore di filtri d'immagine CSS3.

Heartbleed: che cosa è e cosa dovresti fare a riguardo?

Se vedi un simbolo di cuore rosso, vuoto e gocciolante nel tuo feed di notizie, allora sì, probabilmente hai sentito parlare dell'ultima violazione della sicurezza che ha colpito Internet: Heartbleed . Il bug di sicurezza che ha compromesso la sicurezza degli account su siti come Yahoo, Facebook e persino l'agenzia delle entrate canadesi ha l'intero Internet in armi.

(Consigli tecnici e di design)

Come visualizzare la trascrizione temporizzata accanto all'audio riprodotto

La trascrizione dell'audio è la versione di testo del testo, utile per fornire materiali utili come conferenze registrate, seminari, ecc. A persone con difficoltà uditive. Sono anche usati per tenere registri testuali di eventi come interviste, udienze e riunioni.L'audio vocale nelle pagine Web (come nei podcast) è in genere accompagnato da trascrizioni, a beneficio di coloro che sono ipoacusici o che non sono in grado di ascoltare affatto. P

(Consigli tecnici e di design)