Nuove risorse per Web designer e sviluppatori (settembre 2016)

Siamo tornati di nuovo con una manciata di risorse per i nostri colleghi sviluppatori web. In questa puntata, la collezione è abbastanza diversa. Sulla lista abbiamo un'applicazione desktop, alcune applicazioni web, pratiche librerie PHP e JavaScript e un paio di plugin WordPress. Vediamoli.

Clicca per altre risorse

Trova la nostra intera collezione di risorse consigliate e i migliori strumenti di sviluppo e progettazione web disponibili.

Marp

Marp è un editore di crea presentazioni in Markdown. Ha due pannelli: un editor a sinistra e un'anteprima a destra, dove è possibile visualizzare l'output della diapositiva in tempo reale. È disponibile in OS X, Windows e Linux. È un'ottima alternativa a un software gonfiato come PowerPoint.

LightGallery

Un JavaScript per visualizza immagine lightbox e gallery. Il interfaccia lightbox è dotato di una manciata di pulsanti in cui è possibile ingrandire, rimpicciolire, scaricare l'immagine e ruotare l'immagine a schermo intero. È veramente una libreria JavaScript del pacchetto tutto in uno in questa categoria.

Reagisci agli strumenti per sviluppatori

Reagisci agli strumenti per sviluppatori è un'estensione di Google Chrome che ci consente di decodificare Reagisce componenti resi sul browser. Una volta installato, aggiunge una nuova scheda in DevTools in cui puoi controllare la root, gli elementi e il debug. Reagisci i componenti come faresti con l'HTML normale.

SharingButtons

SharingButtons è un generatore di pulsanti di condivisione. Attualmente supporta un numero di popolari siti sociali come Facebook, Twitter e Pinterests. L'output scarica i bloats di JavaScripts e può essere successivamente facilmente personalizzato tramite CSS.

Deflettore

Deflettore è una libreria JavaScript che aggiunge un piacevole effetto coinvolgente al testo. È difficile per me nominare questo tipo di effetto, ma sicuramente è bello. Guarda la demo!

HyperTerm

HyperTerm è un emulatore di terminale, un'applicazione, costruita su HTML, CSS e JavaScript. È modulare in cui gli sviluppatori possono contribuire, introducendo moduli che aggiungono nuove funzionalità. Al momento l'app è disponibile solo per macOS.

Sporgenza

OverHang.js è un plugin jQuery per mostra la notifica immediata. Il plugin è personalizzabile. È possibile impostare il messaggio di testo nella notifica, i colori e quanto tempo deve apparire prima che si dissolva.

grafika

grafika è una raccolta di funzioni PHP che ci consente di manipolare l'immagine. Possiamo applicare filtri di immagine come la sfocatura e il seppia. Possiamo anche trasformare immagini come lanciare, ruotare e ridimensionare.

Tipografia semplice

Tipografia semplice è una libreria Sass che ripristina lo stile Tipografia, come il ridimensionamento dei caratteri e l'altezza della linea. È un'altra piccola libreria che potresti voler utilizzare rendere il testo sul tuo sito web magnificamente e proporzionalmente dimensionato.

Amministratore di Jekyll

Jekyll è un generatore di blog statico. Questo è un plugin ufficiale di Jekyll che aggiunge un editor GUI per scrivere post con Jekyll; questo rende l'autore post con Jekyll più intuitivo.

Anime.js

Anime.js è una libreria JavaScript per eseguire animazioni fluide sul web. Si applica alle normali trasformazioni HTML, SVG, CSS. Trova le istruzioni complete per utilizzare al meglio e alcuni esempi interessanti nella documentazione.

PostLeaf

PostLeaf è basato su PHP CMS dotato di alcune utili funzionalità integrate. Editing front-end, backup, pagine, post, oMed, SEO, navigazione che sono cose necessarie che rendono facile il compito di mantenere i siti web.

I loghi dei browser

Una raccolta completa di tutti i loghi del browser. Puoi trovare le icone per i browser più diffusi come Chrome, Firefox e Internet Explorer, comprese le icone della loro app mobile. Puoi anche trovare browser meno conosciuti che potresti non aver mai sentito prima, come Blisk, Iridium e Orbitum.

wA11y

Un plugin per WordPress per aiutarci migliorare l'accessibilità su un sito Web. Una volta attivato, il plug-in valuterà i nostri siti Web con tota11y, fornirà feedback per le violazioni che incidono sull'accessibilità e suggerirà soluzioni per risolverlo.

Testo alternativo automatico

Un altro plugin per WordPress degno di nota, che migliora l'accessibilità del sito web di aggiungendo alt testo per immagini caricato tramite WordPress Media manager. Il generato “alt” il testo è alimentato dall'API Microsoft Computer.

Multi-range

Una libreria JavaScript, un polyfill, per HTML 5.1 multi-raggio l'output che al momento è ancora poco implementato nei browser. Lea Verou ha condiviso la sua storia dietro questa libreria nel suo recente post, Introducing Multirange: un piccolo polyfill per cursori a due maniglie HTML5.1, che vale sicuramente la pena di leggere.

Pagamento jQuery

Un plugin jQuery sviluppato da Stripe, un servizio di elaborazione dei pagamenti. Questo plugin rende lo sviluppo di un modulo di carta di credito meno terrificante. Supporta numerose carte di credito, tra cui Visa, Master Card Amex, UnionPay e JCB.

Trix Editor

Trix è un Editor WYSIWYG che possiamo utilizzare per produrre contenuti. La distribuzione di trix è rapida e facilmente estendibile con nuove funzionalità per soddisfare le tue esigenze. Puoi trovare tutte le istruzioni nella documentazione per installare Trix sulla tua applicazione web.

Ricetta

Ricetta è una raccolta di PHP per eseguire funzioni di utilità comuni come afferrare l'immagine Gravatar, generare un codice QR, convertire una matrice in un oggetto e molto altro ancora.

PaperWorks

UN prendere appunti costruito su PHP e Angular il che significa che è possibile distribuirlo su un server web. Questa potrebbe essere una buona alternativa a un'app desktop come Evernote o OneNote, in modo che tu possa gestire e personalizzare quasi tutto da esso, e archivia i tuoi dati privatamente sul tuo server.