Nuove risorse per Web designer e sviluppatori (gennaio 2016)

Molti degli strumenti e delle app per sviluppatori presenti sul Web si evolvono in base alle tendenze, mentre alcuni si evolvono in una soluzione più pragmatica. Nella puntata di questo mese, ho deciso di dedicare più tempo a trovare risorse che potrebbero non sembrare altrettanto utili , ma ancora spiccano nelle rispettive categorie.

Abbiamo un bel font che potrebbe essere il tuo Helvetica Neue sostituzione, una libreria JavaScript per testare la pressione del tocco e uno strumento utile per la registrazione degli errori JavaScript. Vediamoli.

Clicca per altre risorse

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

Carattere OverPass

Cavalcavia font è un font gratuito ispirato all'autostrada Gothic. Highway Gothic è un carattere tipografico ampiamente adottato in molti paesi per i segnali stradali grazie alla sua leggibilità su lunghe distanze e alte velocità. Il carattere OverPass è disponibile in quattro tipi di carattere (sottile, normale, semi-grassetto e grassetto), maiuscolo e minuscolo e può anche essere convertito in un carattere Web.

Licenza: OFL (Open Font License)

Pa11y

Pa11y è un strumento per testare l'accessibilità del tuo sito con meno problemi, attraverso la bellezza che è automazione. È possibile utilizzare l'interfaccia della riga di comando o l'impostazione tramite la dashboard se si preferisce un'interfaccia interattiva colorata. Pa11y produrrà un report che mostra le aree da correggere se vuoi migliorare l'accessibilità del tuo sito web per le varie disabilità.

Più risorse sull'accessibilità:

The Modern Web and Accessibility [Video]
Lista di brani: Accessibilità di Thomas Bradly [Video]
Uno sguardo sugli standard Web ARIA e sull'accessibilità alle app HTML

PressureJS

Force Touch di Apple fondamentalmente misura la pressione delle dita sullo schermo o sul trackpad, che può essere utilizzato per aggiungere funzionalità extra. Gli sviluppatori possono sfruttare questa tecnologia per aggiungere usabilità alle loro applicazioni native OS X o iOS. PressureJS è una libreria JavaScript che si aggancia alle API Force Touch e ti consente di applicarlo ai tuoi siti web.

SplitJS

SplitJS è una libreria JavaScript leggera che ti permette di dividere la finestra della finestra del browser in diverse sezioni. Potresti averlo visto comunemente nelle webapp di condivisione del codice come CodePen.io, JSFiddle o JSBin in cui gli spazi di lavoro HTML, CSS e JS sono separati nelle proprie sezioni.

FlexibilityJS

Flexbox semplifica notevolmente l'organizzazione dei layout web. Tuttavia, dal momento che non funziona in Internet Explorer 9 e 8, gli sviluppatori Web spesso devono tornare a utilizzare il notoriamente problematico galleggiante proprietà. FlexibilityJS è qui così puoi usa Flexbox senza lasciare indietro questi vecchi browser.

LabellaJS

LabellaJS fa creando una timeline etichettata molto più facile. Hai a disposizione numerose opzioni per controllare la posizione, la direzione, la larghezza, l'altezza e l'algoritmo di layout dell'etichetta. Funziona con il caricatore AMD come RequireJS e può essere ben utilizzato con Browserify e Node.js. Nessuna dipendenza richiesta.

minuscolo

minuscolo è più di un semplice framework CSS. È pieno di molti componenti per aiutare il processo di costruzione incluso a server integrato, live ricaricamento, sourcemap, minification, validatore di codice, e generatore di siti statici. Inoltre è dotato di proprie librerie JavaScript con funzionalità per migliorare il frontend del tuo sito web.

Grav

Grav è basato su file flat CMS simile a Jekyll, un generatore di siti statici. Tuttavia, può essere esteso tramite Temi e Plugin, proprio come WordPress. Ad esempio, è possibile installare per aggiungere Pannello amministratore, Codici brevi, Commenti, Moduli e Sitemap. Nel complesso è un ottimo CMS che può anche essere un grande contendente per un CMS più consolidato.

PatternPack

PatternPack è uno strumento che ti permette di costruire un sistema per costruire il tuo sito Web o applicazione e condividilo in diversi progetti contemporaneamente. Avere un sistema standard è una forma generale di best practice: non solo accelera il flusso di lavoro, ma rende anche il progetto più gestibile. Leggi la Guida per iniziare a vedere come utilizzare lo strumento.

OhCrash!

Il debug in JavaScript potrebbe essere molto complicato. I tuoi utenti potrebbero riscontrare errori che probabilmente non hai riscontrato durante lo sviluppo e la distribuzione perché hai già la configurazione perfetta. Il difficile è che l'errore viene registrato solo nel browser dell'utente. Con OhCrash Tu puoi ora metti il log nei tuoi repository Github, quindi sei più informato sull'errore.