Resurse proaspete pentru designeri web și dezvoltatori (mai 2017)

A colectarea de resurse web utile este ceva pe care un dezvoltator web cu adevărat așteaptă cu nerăbdare să îl aibă în setul de instrumente. Prin urmare, fiind un dezvoltator personal, mă străduiesc să vă prezint cele mai bune și cele mai recente resurse de dezvoltare web in fiecare luna.

Colecția din această lună include un aplicație interesantă gratuită pentru difuzare, un cuplu de cadre pe baza limbajului de design material, o pereche de biblioteci pentru testarea performanțelor, CLI și a o parte din alte resurse utile. Deci, să le verificăm unul câte unul în cele ce urmează.

Faceți clic pentru mai multe resurse

Găsiți întreaga noastră colecție de resurse recomandate și cele mai bune instrumente de dezvoltare și dezvoltare web disponibile.

Kap

Kap este a un mic recorder pentru MacOS. Este o aplicație open source, construită pe baza tehnologiei web. Un lucru pe care-l iubesc în această aplicație este acela că oferă convertiți videoclipul în afara casetei. Kap este o alternativă excelentă pentru a înregistra aplicațiile sau demo-ul live al site-ului.

Sizzy

Sizzy este a instrument de dezvoltare pentru a testa site-ul dvs. receptiv în mai multe dimensiuni ale ferestrei de vizualizare pe un singur ecran. Este o aplicație extrem de la îndemână în comparație cu Chrome este un emulator mobil încorporat. Sizzy vine și ca extensie Chrome.

Muse UI

A Biblioteca UI bazată pe principiul designului materialelor și construit pe partea de sus a Vue.js 2.0, Muse UI este ambalat cu Material Design Compenents cum ar fi Appbar, Card și Dialog. Este minunat cadru pentru a construi și rula UI rapid.

Advanced WP-CLI

Sunt un fan mare WP-CLI și să-l utilizați aproape în fiecare zi în munca mea ca dezvoltator WordPress. Totuși, doar recent am aflat că WP-CLI vă permite să faceți asta creați un eșantion PHP UnitTest pentru o temă! Aceasta este o listă de utilizare avansată WP-CLI din Întreținerea WP-CLI, Daniel Bachhuber, se.

Nebunie

Lunatul este a standalone Sketch file viewer pentru Windows. Funcționează excelent cu fișierul Sketch care conține text, imagini raster, chiar înclinări și umbre. Aceasta nu necesită conectare la internet, astfel dezvoltatorii pot lucra pe fișiere Sketch de oriunde. Și este complet gratuit.

K6

Viteza contează în aproape fiecare aspect al aplicației web. Dar cum măsurați viteza site-ului dvs.? Bine, răspunsul este K6. Acesta simulează traficul pe site-ul dvs. și încarcă site-ul pe o anumită durată ca și cum ar fi un trafic real. Pe scurt, K6 este Testul unitar pentru performanță.

Serviciul de verificare

O mare listă de aplicații web la verificați o mulțime de lucruri, cum ar fi DNS, încărcare, viteză, SEO, securitate și SSL. Multe dintre aceste instrumente sunt gratuite, cu toate acestea, există câteva servicii premium enumerate acolo oferă funcții avansate utilizatorilor.

SVGito

Este un mic instrument web optimizați SVG care a fost generat din aplicația Sketch. Inserați codul SVG pe site și veți reveni imediat la codul optimizat.

Launchaco

Găsirea unui nume excelent pentru pornirea dvs. este greu și obținerea unui handler de utilizator disponibil pe social media este chiar mai greu. Launchaco este un instrument util vă permite să găsiți nume de domenii, nume de utilizator pentru diferite medii sociale precum Twitter, Facebook, Instagram etc. și vă ajută generează un bun logotip din afacerea dvs..

respingător

A colecție de animație unică realizată cu CSS. Vă rugăm să nu rulați animația, dacă inima și mintea nu sunt suficient de puternice pentru ao vedea.

CSS Grid Cheat Sheet

Învățarea rețelei CSS poate fi destul de intimidantă atunci când vine vorba de o serie de proprietăți noi, o nouă unitate de măsură și, de asemenea, aproape o nouă paradigmă completă pentru a construi aspectul web. Acest instrument, așa cum sugerează și numele, este de a vă ajuta scoateți picioarele de pe sol cu grila CSS.

Workbox

Caseta de lucru este a inițiativă nouă de la Google pentru a crea aplicația Web progresivă (PWA). Este asemănătoare cu Yeoman sau cu aplicația Create React într-un mod în care puteți obține totul și gata într-o singură linie de comandă.

mavo

Mavo este un nou proiect open source de la Lea Verou. Este o bibliotecă care transformă marcarea HTML goală și câteva atribute personalizate într-o aplicație web funcțională. Mavo mai ușor de urmat în comparație cu alte biblioteci, cum ar fi Backbone, Vue.js sau React, așa cum permite mai puțin utilizatori de tehnologie pentru a construi aplicații web rapid și ușor.

Material UI

Simlar la Muse UI, este a UI bazat pe limbajul Meterial Design. Aceasta este însă construită utilizând React. Acum depinde de preferințele voastre; dacă sunteți cu echipa Vue.js sau echipa React.

Imagine leneșă

Imaginea Lazy este a element HTML personalizat pentru încărcarea imaginii la cerere. Acest element custome oferă o suplimentare .activ obiecte din Obiectul Elemente pe care le puteți utilizați pentru a declanșa încărcarea imaginii în orice eveniment sau interacțiune cu utilizatorul cum ai nevoie.

Mac CLI

Acest instrument minunat gestionați MacOS-ul prin Terminal. Pur și simplu tastați actualizare mac pentru a actualiza MacOS. Sau tastați prezentare mac care vă va pregăti Mac-ul (minimizați toate aplicațiile, închideți browserele, trimiteți fișiere de pe desktop și descărcări în coșul de gunoi și setați modul de disturbare) înainte de a da o prezentare. Cat de tare e asta!

Ținându-vă trezirea

KeepingYouAwake este un utilitar pentru bara de meniu pentru MacOS împiedicați calculatorul să intre în modul de hibernare pentru o anumită durată sau atâta timp cât este activat. Puteți instala această aplicație utilizând Homebrew.

JSON Feed

In cele din urma! Acesta este un specificație standard pentru livrarea feed-ului de conținut în JSON format. Există deja un plugin WordPress construit pentru implementare. Acest lucru ar trebui să ușureze viața dezvoltatorilor web. Hai doar sa spune la revedere la XML.

Carbon

Pe scurt, Carbon este Moment.js din PHP. Este biblioteca PHP pentru a genera și manipula șiruri de date și de timp.

Pilot de curse

O alta instrument pentru testul unității de performanță. În timp ce K6 va efectua testeri de încărcare prin trimiterea de utilizatori Virutal pentru a simula vizitele și traficul, SpeedRacer va evaluați performanța de randare a paginilor în browser. SpeedRacer poate fi un companion bun pentru K6.