Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Gegužės mėn.)

A naudingų interneto išteklių rinkimas tai yra kažkas, ką interneto kūrėjas tikrai laukia savo įrankių rinkinyje. Todėl, būdamas pats kūrėjas, siekiu jums pristatyti geriausi ir naujausi žiniatinklio kūrimo ištekliai kiekvieną mėnesį.

Šio mėnesio kolekcijoje yra įdomi nemokama programa screencasting, pora karkasų, paremtų Medžiagų dizaino kalba, pora bibliotekos, skirtos našumo testavimui, CLI ir a sauja mūsų kitų patogių išteklių. Taigi, patikrinkime juos po vieną.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

Kap

Kap yra a tvarkingas mažas ekranas MacOS. Tai atviro kodo programa, sukurta naudojant žiniatinklio technologiją. Vienas dalykas, kurį aš myliu šioje programoje, yra tai, kad ji siūlo konvertuoti vaizdo įrašą į dešinę. Kap yra puiki alternatyva įrašyti savo programas ar svetainės demonstraciją.

Sizzy

Sizzy yra a tobulinimo priemonė, skirta patikrinti jūsų reaguojančią svetainę viename ekrane yra keli peržiūros srities dydžiai. Tai labai patogi programa, palyginti su „Chrome“ integruotas mobilusis emuliatorius. „Sizzy“ taip pat yra „Chrome“ plėtinys.

Muse UI

A UI biblioteka, pagrįsta „Material Design“ principu ir pastatytas ant Vue.js 2.0, „Muse UI“ yra supakuotas su „Material Design Compenents“, pvz., „Appbar“, „Card“ ir „Dialog“. Tai yra puiku sistemą, kad būtų galima greitai sukurti UI.

Išplėstinė WP-CLI

Aš esu didelis gerbėjas WP-CLI ir naudokite jį beveik kiekvieną dieną mano darbe kaip „WordPress“ kūrėjas. Tačiau tik neseniai sužinojau, kad WP-CLI leidžia jums sukurti „PHP UnitTest“ pastolius temai! Tai yra WP-CLI išplėstinio naudojimo sąrašas WP-CLI prižiūrėtojas, Daniel Bachhuber, pats.

Mirtingumas

Mirtingumas yra a standalone „Sketch file“ žiūrovas „Windows“. Jis puikiai tinka „Sketch“ failui, kuriame yra tekstas, rastriniai vaizdai, net gradientai ir šešėliai. Tai nereikia prisijungti prie interneto, tokiu būdu kūrėjai gali dirbti bet kurioje vietoje. Ir tai visiškai nemokama.

K6

Greitis svarbus beveik visuose žiniatinklio programų aspektuose. Bet kaip vertinate savo svetainės greitį? Na, atsakymas yra K6. Jis imituoja srautą į jūsų svetainę ir įkelia svetainę tam tikrą laiką, tarsi jis būtų tikras srautas. Trumpai tariant, K6 yra „UnitTest for Performance“.

Checker tarnyba

Puikus žiniatinklio programų sąrašas patikrinkite daugybę dalykų, pvz., DNS, Load, Speed, SEO, Security ir SSL. Daugelis šių įrankių yra nemokama, tačiau jame yra keletas aukščiausios kokybės paslaugų pasiūlyti pažangias funkcijas vartotojams.

SVGito

Yra mažas žiniatinklio įrankis optimizuoti SVG, kuri buvo sukurta iš „Sketch“ programos. Įklijuokite SVG kodą į svetainę ir jis iškart grąžins optimizuotą kodą.

Launchaco

Rasti puikų pavadinimą savo paleidimui yra sunku, o gauti socialinę žiniasklaidą yra dar sunkiau. Launchaco yra patogi priemonė leidžia rasti domenų vardus, naudotojo vardus skirtingoms socialinės žiniasklaidos priemonėms, pvz., „Twitter“, „Facebook“, „Instagram“ ir pan sukurti gražų logotipą savo verslą.

Nenoras

A unikalios animacijos kolekcija su CSS. Nenaudokite animacijos, jei širdis ir protas nėra pakankamai stiprūs, kad matytumėte.

„CSS Grid Cheat Sheet“

CSS Grid mokymasis gali būti gana bauginantis, kai kalbama apie keletą naujų savybių, naujas matavimo vienetas, taip pat beveik visiškai naujas paradigma sukurti interneto išdėstymą. Šis įrankis, kaip rodo pavadinimas, yra padėti jums CSS tinkleliu nustumkite kojas nuo žemės.

„Workbox“

Workbox yra a naujoji „Google“ iniciatyva kurti „Progressive Web App“ (PWA). Jis panašus į „Yeoman“ arba „Create React App“ tokiu būdu, kad galėtumėte gauti viską pasiruošę vienai komandai.

Mavo

Mavo yra naujas atviro kodo projektas iš Lea Verou. Tai biblioteka, kuri paverčia nežymiu HTML žymėjimu ir keliais pritaikyti atributai į veikiančią žiniatinklio programą. Mavo lengviau sekti, palyginti su kitomis bibliotekomis, tokiomis kaip „Backbone“, „Vue.js“ arba „React“ mažiau „tech-savvy“ naudotojų gali kurti internetinę programą greitai ir lengvai.

Medžiagos UI

Simlaras į Muse UI, tai yra a UI sistema, pagrįsta matavimo dizaino kalba. Tačiau tai sukurta naudojant „React“. Dabar tai priklauso nuo jūsų pageidavimų; jei esate komanda Vue.js arba komanda React.

Lazingas vaizdas

Lazy Image yra a pasirinktinis HTML elementas, kad galėtumėte įkelti vaizdą. Šis elementas suteikia papildomą .aktyvus objekto elementą, kurį galite naudoti norint įjungti vaizdą bet kuriuo atveju arba naudotojo sąveika kaip jums reikia.

„Mac CLI“

Tai puiki priemonė valdyti „MacOS“ per terminalą. Tiesiog įveskite Mac atnaujinimas atnaujinti „MacOS“. Arba įveskite Mac pristatymas kuri parengs „Mac“ (sumažinti visas programas, uždaryti naršykles, siųsti failus iš darbalaukio ir parsisiunčiami į šiukšliadėžę ir nustatyti netrikdomą režimą) prieš pateikiant pristatymą. Argi tai ne šaunu!

Laikydami jus

„KeepingYouAwake“ yra „MacOS“ meniu juostos įrankis neleisti, kad „Mac“ nustatytam laikui patektų į miego režimą arba tol, kol jis yra įjungtas. Galite įdiegti šią programą naudodami Homebrew.

JSON kanalas

Pagaliau! Tai yra standartinės specifikacijos turinio tiekimui JSON formatą. Jau yra įdiegtas „WordPress“ įskiepis. Tai turėtų palengvinti interneto kūrėjų gyvenimą. Leiskite tiesiog atsisveikinti su XML.

Anglis

Trumpai tariant, „Carbon“ yra PHP „Moment.js“. Tai yra PHP biblioteka, kurianti ir valdyti datos ir laiko eilutes.

Greičio lenktynininkas

Kitas įrankio našumo vienetų testui. K6 atliks apkrovos testerius siunčiant „Virutal“ naudotojus, kad imituotų apsilankymus ir srautą, „SpeedRacer“ naršyklėje įvertinti puslapio pateikimo našumą. „SpeedRacer“ gali būti geras K6 partneris.