Nuove risorse per web designer e sviluppatori (maggio 2017)

UN raccolta di risorse web utili è qualcosa che uno sviluppatore web non vede l'ora di avere nel suo toolkit. Pertanto, essendo io stesso uno sviluppatore, mi sforzo di presentarti il le migliori e le più recenti risorse di sviluppo web ogni mese.

La collezione di questo mese include un interessante app gratuita per screencasting, un paio di framework basati sul linguaggio Material Design, un paio di librerie per i test delle prestazioni, CLI e a maneggiamo le nostre altre risorse a portata di mano. Quindi, controlliamoli uno per uno nel modo seguente.

Clicca per altre risorse

Trova la nostra intera collezione di risorse consigliate 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 convertire il video subito dopo l'acquisto. Kap è un'ottima alternativa per registrare le tue app o la demo live del tuo sito.

Sizzy

Sizzy è un strumento di sviluppo per testare il tuo sito web reattivo in più dimensioni di visualizzazione su una singola schermata. È un'app super maneggevole rispetto a Emulatore mobile integrato di Chrome. Sizzy viene anche come estensione Chrome.

Muse UI

UN Libreria UI basata sul principio di Material Design e costruito su Vue.js 2.0, Muse UI è pieno di materiali Design Compenents come Appbar, Card e Dialog. È grande framework per costruire ed eseguire rapidamente l'interfaccia utente.

WP-CLI avanzato

Sono un grande fan di WP-CLI e usarlo quasi tutti i giorni nel mio lavoro come sviluppatore WordPress. Tuttavia, è solo di recente che ho scoperto che WP-CLI ti permette di farlo creare uno scaffold UnitTest PHP per un tema! Questo è un elenco di utilizzo avanzato di WP-CLI da Manutentore WP-CLI, Daniel Bachhuber, lui stesso.

pazzia

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. esso non richiede la connessione a Internet, quindi gli sviluppatori possono lavorare sui file di Sketch da qualsiasi luogo. E è completamente gratuito.

K6

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 sul tuo sito web e carica il sito web in una determinata durata come se fosse un vero traffico. In breve, K6 è il UnitTest per prestazioni.

Servizio di Checker

Una grande lista di applicazioni web a controlla molte cose come DNS, Load, Speed, SEO, Security e SSL. Molti di questi strumenti sono gratuiti, tuttavia, ci sono alcuni servizi premium in essi elencati offrire funzionalità avanzate per gli utenti.

SVGito

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

Launchaco

Trovare un grande 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 permette di trovare nomi di dominio, nomi utente per diversi social media come Twitter, Facebook, Instagram ecc. e ti aiuta generare un bel logotipo della tua attività.

odioso

UN 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.

CSS Grid Cheat Sheet

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 levati i piedi da terra con la griglia CSS.

workbox

La casella di lavoro è a nuova iniziativa di Google per realizzare un'applicazione web progressiva (PWA). È simile a Yeoman o Crea App React in modo da poter ottenere tutto e pronto in una singola riga di comando.

Mavo

Mavo è un nuovo progetto open source di Lea Verou. È una libreria che trasforma il codice HTML e pochi 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 meno utenti esperti di tecnologia per creare applicazioni web rapidamente e facilmente.

UI materiale

Simlar to Muse UI, è un Quadro dell'interfaccia utente basato sul linguaggio di progettazione dello stile. Questo è comunque costruito usando React. Adesso dipende dalle tue preferenze; se sei con team Vue.js o team React.

Immagine pigra

L'immagine pigra è a elemento HTML personalizzato per caricare l'immagine su richiesta. Questo elemento custome fornisce un ulteriore .attivo oggetto all'interno dell'oggetto oggetto che puoi utilizzare per attivare l'immagine da caricare in qualsiasi evento o interazione dell'utente di cui hai bisogno.

CLI Mac

Questo è uno strumento elegante per gestisci il tuo MacOS tramite Terminale. Basta digitare aggiornamento mac per aggiornare MacOS. Oppure, digita presentazione mac che preparerà il tuo Mac (minimizzare tutte le app, chiudere i browser, inviare file dal desktop e scarica nel cestino e imposta la modalità non disturbare) prima di distribuire la presentazione. Quant'è fico!

Tieniti sveglio

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

Feed JSON

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

Carbonio

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

Speedracer

Un altro strumento per il test dell'unità di prestazione. Mentre K6 eseguirà load tester inviando utenti Virutal per simulare visite e traffico, SpeedRacer lo farà valutare le prestazioni del rendering della pagina sul browser. SpeedRacer può essere un buon compagno per K6.