Čerstvé zdroje pre návrhárov webových stránok a vývojárov (máj 2017)

zhromažďovanie užitočných webových zdrojov je niečo, čo webový vývojár naozaj očakáva, že bude mať v jeho súprave. Preto, že som vývojár sám, snažím sa vám predstaviť najlepšie a najnovšie zdroje vývoja webu každý mesiac.

Táto mesačná zbierka obsahuje zaujímavú bezplatnú aplikáciu na premietanie, niekoľko rámcov založených na jazyku materiálového dizajnu, niekoľko knižníc na testovanie výkonnosti, CLI a a niekoľko ďalších šikovných zdrojov. Takže, poďme sa pozrieť na nich jeden po druhom.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

kap

Kap je a úhľadný rekordér s malou obrazovkou pre systém MacOS. Ide o aplikáciu s otvoreným zdrojovým kódom, vybudovanú pomocou webovej technológie. Jedna vec, ktorú milujem v tejto aplikácii je, že to ponúka konverzia videa priamo mimo box. Kap je skvelou alternatívou na zaznamenávanie vašich aplikácií alebo naživo.

Sizzy

Sizzy je a vývojový nástroj na otestovanie vašich citlivých webových stránok vo viacerých veľkostiach výrezov na jednej obrazovke. Je to super šikovná aplikácia v porovnaní s Vstavaný mobilný emulátor Chrome. Sizzy je tiež rozšírením prehliadača Chrome.

Muse UI

UI knižnica založená na princípe materiálového návrhu a postavený na vrchole Vue.js 2.0, Muse UI je nabitý materiálovými komponentami ako Appbar, Card a Dialog. To je skvelé rámec pre rýchle vytvorenie a spustenie používateľského rozhrania.

Rozšírené rozhranie WP-CLI

Som veľký fanúšik WP-CLI a používajte ho takmer každý deň v mojej práci ako vývojár WordPress. Napriek tomu som len nedávno zistil, že vám WP-CLI umožňuje vytvoriť PHP UnitTest lešenie pre tému! Toto je zoznam pokročilého používania WP-CLI od WP-CLI správca, Daniel Bachhuber, sám.

šialenstvo

Lunacy je a samostatný prehliadač súborov Sketch pre systém Windows. Funguje to skvelo so súborom Sketch, ktorý obsahuje text, rastrové obrázky, dokonca aj prechody a tiene. to nevyžaduje pripojenie k internetu, takže vývojári môžu pracovať na súbore Sketch odkiaľkoľvek. a je úplne zadarmo.

K6

Rýchlosť záleží skoro na každom aspekte webovej aplikácie. Ale ako merať rýchlosť vašich webových stránok? dobre, odpoveď je K6. Simuluje návštevnosť vašich webových stránok a načíta webovú stránku za dané trvanie, ako keby to bola skutočná návštevnosť. Stručne povedané, K6 je UnitTest pre výkon.

Služba Checker

Skvelý zoznam webových aplikácií skontrolovať veľa vecí, ako sú DNS, Load, Speed, SEO, Security a SSL. Mnohé z týchto nástrojov sú bezplatné, avšak v nich je uvedených niekoľko prvotriednych služieb ponúkajú pokročilé funkcie pre používateľov.

SVGito

Je malý webový nástroj optimalizovať SVG, ktorý bol vygenerovaný z aplikácie Sketch. Prilepte svoj kód SVG na webovú stránku a okamžite vrátite optimalizovaný kód.

Launchaco

Hľadanie skvelého názvu pre spustenie je ťažké a získanie dostupného používateľského mena na sociálnych médiách je ešte ťažšie. Launchaco je užitočný nástroj, ktorý vám umožňuje nájsť názvy domén, používateľské mená pre rôzne sociálne médiá ako Twitter, Facebook, Instagram atď., a pomáha vám vytvoriť pekný logotyp vašej firmy.

protivný

zbierka jedinečnej animácie vytvorenej pomocou CSS. Nepokúšajte sa spustiť animáciu, ak vaše srdce a myseľ nie sú dostatočne silné na to, aby ste ju videli.

CSS Grid Cheat Sheet

Learning CSS Grid môže byť dosť zastrašujúce, pokiaľ ide o množstvo nových vlastností, nová meracia jednotka a takmer úplná nová paradigma vytvoriť rozloženie webu. Tento nástroj, ako to naznačuje názov, je vám pomôcť dostať svoje nohy zo zeme s CSS Grid.

košíček so šitím

Pracovná schránka je a nová iniciatíva od spoločnosti Google na vybudovanie progresívnej webovej aplikácie (PWA). Je to podobne ako Yeoman alebo Create React App takým spôsobom, že môžete všetko dostať a pripravené v jednom riadku.

MAVO

Mavo je nový open source projekt od Lea Verou. Ide o knižnicu, ktorá mení holé označenie HTML a niekoľko málo vlastné atribúty do fungujúcej webovej aplikácie. Mavo je ľahšie sledovať v porovnaní s inými knižnicami, ako je Backbone, Vue.js alebo React, ak to umožňuje menej technicky zdatných užívateľov na vytváranie webových aplikácií rýchlo a ľahko.

Material UI

Simlar na Muse UI, je to UI rámec založený na jazyku Meterial Design. Toto je však postavené pomocou React. Teraz je to podľa vašich predstáv; ak ste s tím Vue.js alebo tím React.

Lazy Image

Lazy Image je a vlastný prvok HTML na načítanie obrázka na vyžiadanie. Tento prvok custome poskytuje ďalšie .aktívny objekt v rámci objektu Element, ktorý môžete použite na spustenie obrázka na načítanie v ľubovoľnej udalosti alebo interakcii používateľa ako potrebujete.

Mac CLI

Je to šikovný nástroj pre spravujte svoje MacOS cez terminál. Stačí zadať aktualizácia mac aktualizovať systém MacOS. Alebo napíšte prezentácia mac ktorý pripraví Mac (minimalizovať všetky aplikácie, zatvoriť prehliadače, odosielať súbory z pracovnej plochy a stiahnutí do koša a nastavenie režimu nerušiť) pred rozdávaním prezentácie. Ako je to v pohode!

Udržiavanie prebudenia

KeepingYouAwake je pomôcka s ponukami v ponuke pre systém MacOS zabráňte tomu, aby počítač Mac vstúpil do režimu spánku na nastavenú dobu trvania alebo ak je aktivovaná. Túto aplikáciu môžete nainštalovať pomocou aplikácie Homebrew.

JSON Feed

Konečne! Toto je štandardná špecifikácia pre zobrazovanie obsahu v službe JSON Formát. Existuje už WordPress pluginhre> vytvorený pre implementáciu. To by malo uľahčiť život webových vývojárov. Poďme rozlúčte sa s XML.

uhlík

Stručne povedané, Carbon je Moment.js PHP. Je PHP knižnica generovať a manipulovať reťazce dátumu a času.

Pretekár

Ďalší nástroj pre výkonový test jednotky. Zatiaľ čo K6 bude vykonávať testery záťaže odoslaním virtuálnych používateľov na simuláciu návštev a prevádzky, spoločnosť SpeedRacer hodnotiť výkon vykresľovania stránok v prehliadači. SpeedRacer môže byť dobrým spoločníkom pre K6.