Nuove risorse per Web designer e sviluppatori (agosto 2018)
Sembra che la comunità di sviluppo sia più attiva ultimamente poiché ci sono stati un sacco di nuovi strumenti rilasciati negli ultimi mesi. In questo ciclo della serie, evidenzierò alcuni degli strumenti che vale la pena menzionare.
Tra la lista di strumenti, c'è un Libreria JavaScript per generare dati fittizi, uno strumento per condividere file all'interno di reti locali, e uno che ti permetterà di registrare la sessione del terminale nell'animazione SVG. Sembra fantastico? Controlliamo l'elenco completo qui sotto.
Pushbar.js
È una libreria JavaScript per creare un cassetto scorrevole. In genere il cassetto scorrevole viene utilizzato per visualizzare la navigazione del menu del sito, ma è possibile utilizzare questa libreria per visualizzare qualsiasi elemento adatto al proprio sito. Pushbar.js è completamente personalizzabile e privo di dipendenze, non richiede jQuery.
Carbonio ora CLI
Carbon CLI è un pacchetto Node.js per generare uno screenshot del codice splendidamente attraverso un'interfaccia a riga di comando. Questo strumento è ispirato a carbon.now.sh dove puoi fare lo stesso con una bella GUI sul browser.
Faker.js
Una libreria JavaScript a creare un dato fittizio. Supporta la generazione di una grande quantità di dati come nomi, indirizzo postale, nome dell'azienda, numero di telefono, data e molti altri. Tutti questi dati possono essere molto utili prova la tua applicazione web.
TermToSVG
TermToSVG è un Terminale Linux che rende le tue sessioni da riga di comando in un'animazione SVG. È uno strumento utile per gli sviluppatori per scrivere un tutorial.
Gestore di backup del database
È una libreria PHP e, come suggerisce il nome, fornisce un insieme di funzionalità gestire il backup e il ripristino del database. La libreria supporta vari servizi da cui inviare o estrarre il backup, inclusi Dropbox, Amazon S3, FTP e SFTP e Rackloud Cloud.
Reagisci i bit
Un'enorme collezione di tecniche, suggerimenti e trucchi React.js, React Bits copre schemi di progettazione, stili e suggerimenti di prestazioni comuni. Questo è veramente grande risorsa per migliorare le tue abilità React.js.
Lingua DSS
Il DSS è l'acronimo di Deterministic StyleSheets, un nuovo strumento di authoring CSS. Come funziona e come può essere applicato al mio lavoro quotidiano? Onestamente non ne ho idea fino ad ora. Ma sembra bello ed è nuovo, quindi è sulla lista. Grazie!
PurgeCSS
PurgeCSS è un pacchetto NPM che consente ottimizzare l'output CSS nella tua applicazione web rimuovendo quelli che non sono in uso. Lo strumento include una varietà di strumenti integrati supportati tra cui Gulp, Grunt, Grunt, Webpack e PostCSS, quindi puoi integralo nel tuo progetto subito.
RFS
RFS è l'acronimo di Responsive Font Size ed è un progetto interessante per affrontare una delle cose più difficili del web, vale a dire rendere le dimensioni dei caratteri reattive, in un modo che le dimensioni seguiranno bene con le dimensioni del viewport del dispositivo. RFS è disponibile come NPM
SimpleBar
Una libreria JavaScript per creare una barra di scorrimento personalizzata, SimpleBar consente di impostare lo scorrimento su abbina il tuo stile del sito usando i CSS come qualsiasi altro elemento HTML sul posto. A causa delle restrizioni della piattaforma e del browser, lo stile della barra di scorrimento del browser era complicato, ma SimpleBar lo rendeva davvero semplice.
Larastan
Larastan è un involucro di PHPStan per Laravel. PHPStan è uno strumento che ti permetterà di controllare i tuoi codici per potenziali errori senza dover scrivere un test unitario. Controlla numerose cose tra cui l'esistenza di metodi e funzioni chiamati, tipi assegnati a proprietà, numero e tipi assegnati al costruttore di classi e convalida di phpDocs.
PWMetrics
PWMetrics è uno strumento che raccoglie le metriche di Progressive Web Apps attraverso un'interfaccia a riga di comando sviluppata da Paul Irish. Lo strumento è alimentato da Lighthouse ed è disponibile come pacchetto NPM. Fornisce un sacco di opzioni per configurare le metriche, le prestazioni del test, e le aspettative che vorresti ottenere fin dal test.
pace
Pax è un bundler JavaScript per compila moduli JavaScript in un file utilizzabile per i browser. Pax promette velocità. Compilano più velocemente di alcuni bundler alternativi. Supporta pienamente ES6 importare
e esportare
sintassi e la sintassi di CommonJS importare
. diversamente da pace
è scritto con Rust ed è disponibile tramite il registro dei pacchetti di Rust chiamato Cargo.
SustyWP
SustyWP è un Tema WordPress rivolto a una causa migliore; ridurre l'impronta di carbonio riducendo le dimensioni al minimo possibile. È caricato solo 7-6kb quando caricato sul browser. Suo veloce e leggero, e in cambio, consuma meno risorse (ad esempio elettricità) per caricare il sito. Dai un'occhiata al retroscena del tema in questo post di Jack Lenox.
La biblioteca di Doodle
UN raccolta di disegni di doodle, la Doodle Library ha molti disegni nella collezione e sono raggruppati in diverse categorie Faces, Places, Animals, ecc. I disegni sono disponibili in formato SVG e sono distribuiti sotto Attributi comuni creativi 4.0
Tilt.js
Un plugin jQuery per creare una fantasia inclinazione effetto simile a quelle anteprima anteprime che vediamo su Apple TV. Non ha bisogno di CSS aggiuntivi. Forniscono anche alcuni esempi di implementazioni in questa pagina, quindi usarlo è abbastanza semplice. Accertati di controlla l'effetto riflesso; è davvero fico.
Fileroom
Fileroom è un'applicazione web per condivisione di file peer-to-peer all'interno della stessa rete. Puoi condividere file con il tuo collega semplicemente trascinandoti a prescindere dal sistema operativo. Funziona su Windows, macOS, Linux.
Coolhue
Una raccolta di colori sfumati scelti a mano, Coolhue ti consente di afferrare i campioni della tavolozza dei colori per l'app Photoshop e Sketch o installalo nel tuo progetto utilizzando pergolato
o npm
. Questo dovrebbe farti risparmiare tempo per raccogliere i colori per i tuoi prossimi siti web.
scogliera
Una semplice libreria JavaScript per creare un'interfaccia utente, Reef non ha tutte le campane e i fischi della libreria più grande come React.js o Vue.js. Ma se tutto ciò che serve è rendere una interfaccia utente, solo l'input dei dati e il modello Reef potrebbe essere un'ottima alternativa. È solo 2Kb di peso
Sempreverde
Una raccolta di componenti dell'interfaccia utente di Segment.io. I componenti sono abbastanza vari; a parte alcuni componenti regolari come pulsanti, icone, input di testo, ce ne sono alcuni che ritengo unici per Evergreen come Toaster, Side Sheet e Corner Dialog.