Nové zdroje pro webové designéry a vývojáře (červenec 2018)
Červenec je měsíc, který přináší léto a tak pro tento měsíc dávek čerstvých zdrojů máme nějaké nové horké nástroje od některých zavedených i začínajících vývojářů..
Seznam má docela zajímavý mix nástrojů, od Sketch knihovny v komunitě WordPress, která vám umožní vytvořit prototyp WordPress rozhraní, hrstka nástroje rozšiřující React.js a Vue.js, a pár odkazů, aby se vaše rozvojové dovednosti vyrovnávaly. Podívejme se na ně.
WPRIG
All-in-one startér WordPress téma vytvořené Morten Rand-Hendriksenand je vybaven přednastavení procesu pomocí moderních nástrojů integrace Gulp, Babel, ESLint a Visual Studio Code. To vám pomůže vytvořit velké téma WP bez potíží s konfigurací okolních vývojových nástrojů.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018.jpg)
VueNative
Rámec založený na Vue.js k vytvoření mobilní platformy, která umožňuje naprogramovat kód pomocí specifikace Vue.js. Nástroj bude zkompilovat do React Native a udělej magickou práci za tebou vue-native
CLI. Pokud jste již obeznámeni s Vue.js, mohlo by to být vhodný rámec pro vybudování mobilní aplikace.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_2.jpg)
SketchPress
Lidé na 10up právě vydali SketchPress, který je Skica šablona pro rychlé vytváření WordPress admin rozhraní makety a návrhy. Je nabitý běžným administrátorským rozhraním, jako je Primární tlačítko, Menu Bar, Dashicons, Metabox, atd. SketchPress je skvělý doprovodný nástroj pro vývojáře WordPressů, aby zarovnali plugin a téma Nastavení nebo Možnosti s WordPress admin UI.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_3.jpg)
Docz
Docz je a generátor dokumentace založený na MDX který byl uveden v posledním kole této série. Tento nástroj vám umožní importovat a zahrnout JSX vlastní kompenent do mixu se syntaxí Markdown, stejně jako psaní dokumentu JSX.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_4.jpg)
Animista
CSS Animation přináší web do života. Není však vždy snadné vytvořit CSS animaci s ohledem na prefixy prohlížeče pro kompatibilitu, parametry a časový rámec animace. Animasta tyto věci usnadňuje generováním kódu pro vás. Můžeš konfigurovat animaci v uživatelsky příjemném rozhraní, ze kterého můžete kód jednoduše zkopírovat.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_5.jpg)
GridToFlex
Několik příkladů běžného webového rozvržení vytvořeného pomocí nativní CSS Grid a použití Flexboxu jako nouzového prohlížeče, který ji zatím nepodporuje. Podívejte se na náš příspěvek: Úvod do CSS Grid Layout Module.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_6.jpg)
RatioBuddy
Pěkný nástroj k vygenerovat krabici s CSS s definovaným poměrem, například, 1: 1
, 3: 4
, Nástroj vygeneruje kód ve formátu SCSS pro kopírování.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_7.jpg)
Jak GraphQL
GraphQL je alternativou k datové struktuře REST a How to GraphQL je komplexní zdroje, aby se to naučil. Je mnohem efektivnější než REST, protože pouze vyžádá požadovaná data, čímž se sníží množství zátěže a přenosu dat.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_8.jpg)
Historie vzorků
Jednoduchý plugin WordPress pro zobrazení historie činnosti provedené v ovládacím panelu aplikace WordPress. Podporuje nativní aktivity WordPressu, například když uživatel vytvoří příspěvky a stránky, přihlásí se a aktivuje nebo deaktivuje další pluginy. Může to také sledovat další aktivity pluginů včetně pokročilých uživatelských polí (ACF) a přepínání uživatelů. Tento skvělý plugin pro sledování interních aktivit vašich stránek.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_9.jpg)
Přenos.sh
je to šikovný nástroj pro sdílení souborů pomocí příkazu Shell. Můžete nahrát libovolný typ souboru až do 10 Gb. Podporuje také šifrování souborů. A zmínil jsem se, že je naprosto svobodný?
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_10.jpg)
FB Sonar
Nástroj pro ladění mobilních aplikací pro iOS a Android. Aplikace je vybavena některými nástroji pro pohodlné ladění například prohlížeč protokolu, interaktivní inspektor rozložení a síťový inspektor. Pokud to nestačí, můžete vytvořit plugin pro rozšíření aplikace o funkce, které potřebujete.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_11.jpg)
JSUI
Tato aplikace je plná spoustu nástrojů, které poskytují lepší způsob, jak organizovat své projekty. Můžeš vytvořit skupinu, generovat nový projekt pomocí některých populárních projektů React, Vue a Angular, nainstalovat závislost na projektu, spustit server Node.js a mnohem více. Skvělá aplikace pro ty, kteří spravují desítky projektů.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_12.jpg)
BrainMonkey
PHP jednotka testování nástroj navržený s některými specifickými nástroji pro WordPress. Poskytuje nástroje, které umožňují falešný PHP funkce. Poskytuje také sadu nástrojů z krabice pro řešení některých funkcí aplikace WordPress add_action
remove_action
abychom jmenovali alespoň některé, které jsou obecně složité
testovat.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_13.jpg)
Fraktální
Fractal byl navržen tak, aby byl centrálním dokumentačním nástrojem pro vývojáře v rámci týmu, aby se zmínil, kdy je potřeba integrovat komponentu do projektu. To vám umožní integrovat fragment kódu, zobrazovat náhledy, dokumentaci, poznámky, atd. každé komponenty.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_14.jpg)
Ant Design Pro
“Antidesign” je jedním z populárních UI frameworků založených na React.js a je to jeho “Pro” verze určená pro podnikové aplikace. Obsahuje několik dalších komponent, které nejsou ve společném balíčku AntDesign, například AvatarList, HeaderSearch a TagSelect.
Rámec má také vestavěné vývojové nástroje, jako je nástroj Build, Test Suite a Deployment takže můžete pracovat s kódem ihned, a ne plýtvat časem na konfiguraci pracovního postupu.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_15.jpg)
LuminJS
Super malá Knihovna JavaScript pro zvýraznění textu na vašich webových stránkách. Funguje bez problémů s komplexní strukturou DOM a je programovatelný v tom, že můžete nastavit rychlost, styl a animaci.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_16.jpg)
Výzvy
Po ruce NPM balíček pro vytvoření interaktivního CLI pomocí Node.js. Podporuje základní prompt, více možností, dynamickou výzvu a mnoho typů vstupů, jako je heslo, text, číslo a e-mail atd.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_17.jpg)
Vnímání
Cool WordPress plugin, který by zlepšit WordPress Media Library vyhledávání tříděním obrázků pomocí rozhraní Google Cloud Vision API. Pokud jste například nahráli a “pták” obrázku můžete vyhledávat pomocí klíčového slova “pták” zda je klíčové slovo zahrnuto do názvu obrázku, názvu souboru nebo metadat.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018.gif)
DevTube
Kolekce videa, stažená z Youtube, několika vývojářských konferencí jako JSConf, Google TechTalk a O'Reilly. Nyní si svůj popcorn a vyrovnat své dovednosti Dev.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_18.jpg)
Reactive.how
Reaktivní programování je na vzestupu; nové paradigma v programování zejména kolem webu, kde je tok dat hojný a nepřetržitě proudí každých milisekund. Tento zdroj je iniciativou Cèdric Soulas vás naučí principy reaktivní programování.
![](http://savtec.org/img/images/fresh-resources-for-web-designers-and-developers-july-2018_19.jpg)