Uued ressursid veebidisaineritele ja arendajatele (mai 2017)

A kasulike veebiressursside kogumine on midagi, mida veebiarendaja tõesti ootab oma tööriistakomplektis. Seega, olles ise arendaja, püüan ma teile esitada parimad ja kõige uuemad veebiarenduse ressursid iga kuu.

Selle kuu kogumik sisaldab huvitav tasuta rakendus screencasting, paar raamistikku, mis põhinevad materjali disaini keelel, paar raamatukogu jõudluse testimiseks, CLI-d ja a käputäis meie teisi käepäraseid ressursse. Niisiis, vaadake need ükshaaval järgnevalt.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

Kap

Kap on a puhas väike ekraanimängija MacOSile. See on avatud lähtekoodiga rakendus, mis on ehitatud veebitehnoloogiaga. Üks asi, mida ma armastan selles rakenduses, on see, et see pakub teisendatakse video parem väljapoole. Kap on suurepärane võimalus oma rakenduste või veebisaidi live demo salvestamiseks.

Sizzy

Sizzy on a arendustööriist, et testida oma tundlikku veebisaiti mitme vaateakna suuruses ühel ekraanil. See on super mugav rakendus võrreldes Chrome'i sisseehitatud mobiilne emulaator. Sizzy on ka Chrome'i laiendus.

Muse UI

A UI raamatukogu, mis põhineb Material Design põhimõttel ja ehitatud Vue.js 2.0 peale, on Musei kasutajaliides pakitud materjali disainikomponentidega, nagu näiteks Appbar, Card ja Dialog. See on suurepärane raamistik kiiresti kasutajaliidese loomiseks ja käivitamiseks.

Täiustatud WP-CLI

Ma olen suur fänn WP-CLI ja kasutage seda peaaegu iga päev minu töös WordPressi arendajana. Kuid alles hiljuti sain teada, et WP-CLI võimaldab teil looge teema jaoks PHP üksuse testplokk! See on WP-CLI täiustatud kasutamise nimekiri WP-CLI hooldaja, Daniel Bachhuber, ise.

Lunacy

Lunacy on a eraldiseisev visandifailide vaataja Windowsi jaoks. See toimib suurepäraselt koos Sketch-failiga, mis sisaldab teksti, rasterpilte, isegi gradiente ja varje. See ei vaja Interneti-ühendust, seega saavad arendajad töötada Sketch-failidega kõikjalt. Ja see on täiesti tasuta.

K6

Kiirus on seotud peaaegu iga veebirakenduse aspektiga. Aga kuidas mõõta oma veebisaidi kiirust? Noh, vastus on K6. See simuleerib liiklust teie veebisaidile ja laadib veebisaidi teatud kestusega, nagu oleks tegemist reaalse liiklusega. Lühidalt, K6 on Toimivuse testimine.

Checker Service

Suurepärane veebirakenduste loend kontrollige palju asju, nagu DNS, Load, Speed, SEO, Security ja SSL. Paljud neist tööriistadest on tasuta, kuid seal on mõned lisatasu teenused pakkuda kasutajatele täiustatud funktsioone.

SVGito

Kas väike veebitööriist on optimeerige SVG-d, mis on loodud rakendusest Sketch. Kleepige SVG-kood veebilehele ja see tagastab optimeeritud koodi kohe.

Launchaco

Suurepärase nime leidmine teie käivitamiseks on raske ja saadaoleva kasutajanime käitleja saamine sotsiaalmeedias on veelgi raskem. Launchaco on mugav vahend võimaldab teil leida domeeninimesid, kasutajanimesid erinevatele sotsiaalmeediatele nagu Twitter, Facebook, Instagram jne looge ilus logo oma äri.

Vastumeelne

A CSS-ga tehtud unikaalse animatsiooni kogumine. Palun ärge käivitage animatsiooni, kui teie süda ja meel ei ole piisavalt tugevad, et seda näha.

CSS Grid Cheat Sheet

CSS Grid'i õppimine võib olla mitmete uute omaduste puhul üsna hirmutav, uus mõõtühik ja ka peaaegu täielik uus paradigma veebipaigutuse loomiseks. See tööriist, nagu nimigi ütleb, on teid aidata saada oma jalad maast CSS Grid'iga.

Workbox

Workbox on a Google'i uus algatus Progressive Web App'i loomiseks (PWA). See on sarnane Yeomani või Loo reageerimiskäsk selliselt, et saad kõik üles ja valmis ühes käsureas.

Mavo

Mavo on Lea Verou uus avatud lähtekoodiga projekt. See on raamatukogu, mis muudab palja HTML-märgistuse ja mõned kohandatud atribuudid toimivasse veebirakendusse. Mavo on lihtsam järgida võrreldes teiste raamatukogudega, nagu näiteks selgroog, Vue.js või React vähem tehnoloogilisi kasutajaid veebirakenduse loomiseks kiiresti ja lihtsalt.

Materjali kasutajaliides

Simlar to Muse UI-le, see on a UI raamistik, mis põhineb Meterial Design keeles. See on siiski ehitatud kasutades reaktsiooni. See on nüüd teie eelistuste järgi; kui sa oled meeskond Vue.js või meeskond React.

Lusta pilt

Lazy Image on a kohandatud HTML-element pildi laadimiseks soovi korral. See huvitav element annab täiendava .aktiivne Objekti objekt, mida saate kasutage pildi käivitamiseks igal juhul või kasutaja interaktsioonil nagu te vajate.

Mac CLI

See on suurepärane vahend haldage oma MacOSi kaudu terminal. Lihtsalt kirjuta mac update MacOSi värskendamiseks. Või tippige mac esitlus mis teie Maci valmistab (minimeerida kõik rakendused, sulgeda brauserid, saata töölaualt faile ja allalaadimine prügikasti ja seatud mittehäire režiimi) enne esitluse tegemist. Kui lahe on see!

Hoiate sind ärkvel

KeepingYouAwake on MacOSi menüüriba utiliit takistab teie Maci ooterežiimi sisselülitamist kindla kestusega või niikaua, kuni see on aktiveeritud. Selle rakenduse saate installida Homebrewi abil.

JSON Feed

Lõpuks! See on standardse spetsifikatsiooni sisu edastamiseks JSONis vormingus. Rakendamiseks on juba loodud WordPress pluginhre. See peaks lihtsustama veebiarendajate elu. Olgem lihtsalt hüvasti XML-iga.

Süsinik

Lühidalt, Carbon on PHP Moment.js. See on PHP teek manipuleerida kuupäeva ja kellaaja stringid.

SpeedRacer

Teine tööriista jõudluse üksuse test. Kuigi K6 täidab koormustestiid, saates Virutal Kasutajad, et simuleerida külastusi ja liiklust, teeb SpeedRacer seda hindage lehel esitamise toimivust brauseris. SpeedRacer võib olla K6-le hea kaaslane.