Nové zdroje pro webové designéry a vývojáře (květen 2017)

A kolekce užitečných webových zdrojů je něco, na co se webový vývojář opravdu těší ve své sadě nástrojů. Proto, když jsem sám vývojářem, snažím se vám to představit nejlepší a nejmodernější zdroje vývoje webu každý měsíc.

Sbírka tohoto měsíce obsahuje zajímavá bezplatná aplikace pro screencasting, pár frameworků založených na jazyce Material Design, pár knihoven pro testování Performance, CLI a a hrstka našich dalších užitečných zdrojů. Podívejme se na ně následovně.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

Kap

Kap je a elegantní malý rekordér pro MacOS. Je to open-source aplikace, postavená na webové technologii. Jedna věc, kterou mám rád v této aplikaci je, že nabízí konverze videa přímo z krabice. Kap je skvělá alternativa k nahrávání vašich aplikací nebo živého dema webu.

Sizzy

Sizzy je vývojový nástroj, který otestuje vaše citlivé webové stránky ve více velikostech zobrazení na jedné obrazovce. Je to super šikovná aplikace ve srovnání s Zabudovaný mobilní emulátor Chrome. Sizzy také přichází jako rozšíření Chrome.

Muse UI

A UI knihovna založená na principu materiálového designu a postavené na vrcholu Vue.js 2.0, Muse UI je vybaveno Compensenty materiálového designu, jako je Appbar, Card a Dialog. To je skvělé rámec pro rychlé a rychlé vytváření uživatelského rozhraní.

Pokročilé WP-CLI

Jsem velký fanoušek WP-CLI a používejte jej téměř každý den v mé práci jako vývojář WordPressu. Jen nedávno jsem zjistil, že WP-CLI vám to umožňuje vytvořit PHP UnitTest scaffold pro téma! Toto je seznam pokročilého použití WP-CLI od WP-CLI správce, Daniel Bachhuber, sám.

Šílenství

Lunacy je a Samostatný prohlížeč souborů Sketch pro Windows. To funguje skvěle s Sketch soubor, který obsahuje text, rastrové obrázky, dokonce i přechody, a stíny. To nevyžaduje připojení k internetu, tak vývojáři mohou pracovat na Sketch souborech odkudkoliv. A je zcela zdarma.

K6

Rychlost záleží na téměř každém aspektu webové aplikace. Jak ale měříte rychlost svých webových stránek? Dobře, odpověď je K6. To simuluje provoz na vaše webové stránky a načte webové stránky v daném trvání, jako by to byl skutečný provoz. Stručně řečeno, K6 je UnitTest pro výkon.

Kontrola služby

Velký seznam webových aplikací zkontrolovat spoustu věcí, jako je DNS, zatížení, rychlost, SEO, zabezpečení a SSL. Mnoho z těchto nástrojů jsou zdarma, nicméně existuje několik prémiových služeb, které jsou v nich uvedeny nabízí pokročilé funkce pro uživatele.

SVGito

Je malý webový nástroj optimalizovat SVG, který byl vytvořen z aplikace Skica. Vložte SVG kód na webovou stránku a optimalizovaný kód okamžitě vrátí.

Launchaco

Nalezení skvělého jména pro vaše spuštění je těžké a získání dostupného uživatelského jména na sociálních médiích je ještě těžší. Launchaco je užitečný nástroj, který umožňuje vyhledat názvy domén, uživatelská jména pro různá sociální média, jako je Twitter, Facebook, Instagram atd., a pomáhá vám generovat pěkný logotyp vašeho podnikání.

Protivný

A kolekce unikátních animací provedených pomocí CSS. Prosím, nespouštějte animaci, pokud srdce a mysl nejsou dost silné na to, abyste to viděli.

CSS Grid Cheat Sheet

Učení CSS Grid může být docela zastrašující, pokud jde o řadu nových vlastností, nové měřicí jednotky a také téměř kompletní nové paradigma vytvořit webové rozvržení. Tento nástroj, jak název napovídá, je pomoci vám dostat CSS Grid z nohy.

Košíček se šitím

Pracovní plocha je nová iniciativa společnosti Google na vybudování Progressive Web App (PWA). To je podobné Yeoman nebo Vytvořit React App způsobem, který můžete dostat všechno nahoru a připravený v jediném příkazovém řádku.

Mavo

Mavo je nový open source projekt od Lea Verou. Jedná se o knihovnu, která mění holé HTML značky a několik uživatelských atributů do fungující webové aplikace. Mavo je snazší sledovat ve srovnání s ostatními knihovnami, jako je Backbone, Vue.js nebo React, jak to umožňuje méně technologicky zdatných uživatelů k vytváření webových aplikací rychle a snadno.

Materiál UI

Simlar k Muse UI, to je UI framework založený na jazyce Meterial Design. Ten je ale postaven pomocí React. Nyní záleží na vašich preferencích; pokud jste s team Vue.js nebo tým React.

Líný obraz

Líný obraz je vlastní HTML element pro načtení obrázku na vyžádání. Tento prvek obsahuje další .aktivní objekt uvnitř objektu Element, který můžete použít ke spuštění obrazu, který se má načíst v jakékoli události nebo interakci uživatele jak potřebujete.

Mac CLI

Tento šikovný nástroj spravovat MacOS prostřednictvím terminálu. Jednoduše napište aktualizace Mac aktualizovat MacOS. Nebo zadejte mac prezentace který připraví váš Mac (minimalizovat všechny aplikace, zavřít prohlížeče, odesílat soubory z počítače a ke stažení do koše a režim neruší) před vydáním prezentace. Jak je to cool!

Udržet si vzhůru

KeepingYouAwake je obslužný program menu pro MacOS zabráníte tomu, aby váš Mac vstoupil do režimu spánku po stanovenou dobu nebo pokud je aktivován. Můžete nainstalovat tuto aplikaci pomocí Homebrew.

JSON Feed

Konečně! Toto je standardní specifikace pro doručování obsahu v JSONu formát. Pro implementaci je již nainstalován plugin WordPress>. To by mělo usnadnit život webovým vývojářům. Prostě rozloučit se s XML.

Uhlík

Stručně řečeno, Carbon je Moment.js PHP. Je to PHP knihovna generovat a manipulovat s řetězci data a času.

Rychlostní závodník

Další nástroj pro test výkonnosti jednotky. Zatímco K6 bude provádět testování zátěže odesíláním Virutal Users, aby simulovali návštěvy a provoz, SpeedRacer bude vyhodnotit výkon vykreslování stránek v prohlížeči. SpeedRacer může být dobrým společníkem K6.