Nuove risorse per sviluppatori Web - Maggio 2017
Una raccolta di utili risorse web è qualcosa che uno sviluppatore web non vede davvero nel proprio toolkit. Pertanto, essendo io stesso uno sviluppatore, mi sforzo di presentarti le migliori e le più recenti risorse di sviluppo web ogni mese.
La raccolta di questo mese include un'interessante app gratuita per screencasting, un paio di framework basati sul linguaggio Material Design, un paio di librerie per il test delle prestazioni, CLI e una manciata di altre risorse utili . Quindi, controlliamoli uno per uno nel modo seguente.
Clicca per più risorseClicca per più risorse
Trova la nostra intera collezione di risorse raccomandate e i migliori strumenti di sviluppo e progettazione web disponibili.
Kap
Kap è un piccolo registratore per MacOS . È un'app open source, costruita con tecnologia web. Una cosa che adoro in questa app è che offre la conversione immediata del video . Kap è un'ottima alternativa per registrare le tue app o la demo live del tuo sito.

Sizzy è uno strumento di sviluppo per testare il tuo sito web reattivo in più dimensioni di visualizzazione su un unico schermo. È un'app super maneggevole rispetto all'emulatore mobile integrato di Chrome . Sizzy viene anche come estensione Chrome.

Una libreria UI basata sul principio di Material Design e costruita su Vue.js 2.0, Muse UI è ricca di materiali Design Compenents come Appbar, Card e Dialog. È un ottimo framework per costruire ed eseguire rapidamente l'interfaccia utente .

Sono un grande fan di WP-CLI e lo uso quasi ogni giorno nel mio lavoro come sviluppatore WordPress. Eppure, è solo di recente che ho scoperto che WP-CLI ti permette di creare uno scaffold UnitTest PHP per un tema! Questo è un elenco di utilizzo avanzato di WP-CLI dal manutentore WP-CLI, Daniel Bachhuber, stesso.

Lunacy è un visualizzatore di file Sketch autonomo per Windows . Funziona alla grande con il file Sketch che contiene testo, immagini raster, persino sfumature e ombre. Non richiede la connessione a Internet, quindi gli sviluppatori possono lavorare sui file di Sketch da qualsiasi luogo. Ed è completamente gratuito .

La velocità è importante in quasi ogni aspetto dell'applicazione web . Ma come misurare la velocità del tuo sito web? Bene, la risposta è K6 . Simula il traffico verso il tuo sito web e carica il sito web in una determinata durata come se fosse un vero traffico. In breve, K6 è l' UnitTest per le prestazioni .

Un ottimo elenco di app Web per controllare un sacco di cose come DNS, Load, Speed, SEO, Security e SSL . Molti di questi strumenti sono gratuiti, tuttavia sono elencati alcuni servizi premium che offrono funzionalità avanzate per gli utenti .

È un piccolo strumento web per ottimizzare SVG generato dall'app Sketch . Incolla il tuo codice SVG sul sito web e restituirà immediatamente il codice ottimizzato.

Trovare un buon nome per la tua startup è difficile, e ottenere un gestore di username disponibile sui social media è ancora più difficile. Launchaco è uno strumento utile che ti consente di trovare nomi di domini, nomi utente per diversi social media come Twitter, Facebook, Instagram ecc. E ti aiuta a generare un bel logo della tua attività.

Una raccolta di animazioni uniche realizzate con i CSS . Per favore non eseguire l'animazione, se il tuo cuore e la tua mente non sono abbastanza forti per vederlo.

Imparare la griglia CSS può essere piuttosto intimidatorio quando si tratta di una serie di nuove proprietà, una nuova unità di misura e anche quasi un nuovo paradigma completo per costruire il layout web. Questo strumento, come suggerisce il nome, è quello di aiutarti a liberarti dei piedi con CSS Grid .

Workbox è una nuova iniziativa di Google per creare Progressive Web App (PWA). È simile a Yeoman o Crea App React in modo che tu possa avere tutto pronto e pronto in una sola riga di comando .

Mavo è un nuovo progetto open source di Lea Verou. È una libreria che trasforma il markup HTML e alcuni attributi personalizzati in un'applicazione web funzionante . Mavo è più facile da seguire rispetto alle altre librerie come Backbone, Vue.js o React in quanto consente agli utenti meno esperti di tecnologia di creare applicazioni web in modo rapido e semplice.

Simlar to Muse UI, è un framework UI basato sul linguaggio di Meterial Design . Questo è comunque costruito usando React. Ora è nelle tue preferenze; se sei con il team Vue.js o il team React .

Lazy Image è un elemento HTML personalizzato per caricare l'immagine su richiesta . Questo elemento custome fornisce un oggetto .active
aggiuntivo all'interno dell'oggetto Element che è possibile utilizzare per attivare l'immagine da caricare in qualsiasi evento o interazione dell'utente in base alle proprie esigenze.

Questo è uno strumento elegante per gestire MacOS tramite Terminal . Digita semplicemente mac update
per aggiornare MacOS. Oppure, digita mac presentation
che preparerà il tuo Mac ( riduci a icona tutte le app, chiudi i browser, invia file da desktop e download a cestino e imposta la modalità non disturbare) prima di dare una presentazione. Quant'è fico!

KeepingYouAwake è un'utilità della barra dei menu per MacOS per impedire al Mac di entrare in modalità di sospensione per una durata impostata o finché è attivato. Puoi installare questa app usando Homebrew.

Finalmente! Questa è una specifica standard per la consegna di contenuti in formato JSON . C'è già un plugin per WordPress> creato per l'implementazione. Questo dovrebbe rendere la vita degli sviluppatori web più facile. Diciamo addio a XML .

In breve, Carbon è il Moment.js di PHP. È una libreria PHP per generare e manipolare stringhe di data e ora .

Un altro strumento per Performance Unit Test . Mentre K6 eseguirà load tester inviando utenti Virutal per simulare visite e traffico, SpeedRacer valuterà le prestazioni del rendering della pagina sul browser . SpeedRacer può essere un buon compagno per K6.


50 set di icone GUI gratuiti e utili per i web designer
Le icone sono piccoli elementi grafici su un sito Web che aiutano l'utente nella navigazione tra le pagine. Tenendo presente l'importanza delle icone, in precedenza ho esposto diversi tipi di set di icone, tra cui set di icone del tempo, set di icone di smiley, icone mediche, ecc.Tuttavia, in questo post, anziché concentrarsi su un particolare tipo, sono presenti diversi tipi di icone che coprono l'interfaccia grafica complessiva dell'utente.

20 fantastici gadget robotici da accrescere
Vuoi nuove idee regalo per le prossime festività natalizie? Che ne dici di prendere un giocattolo o un gadget robotico per il bambino, l'adolescente o l'adulto nella tua vita? Sorprendi i tuoi cari con questi dispositivi robotici all'avanguardia e all'avanguardia che possono aiutarli con le faccende domestiche, i kit robotici per i progetti fai-da-te, i compagni robotici che intrattengono o educano, supportano lo sviluppo di bambini piccoli o aiutano a prendersi cura degli animali domestici.