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ů.

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.

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.

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.

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.

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.

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í.

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.

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.

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ý?

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.

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ů.

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.

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.

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.

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.

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.

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.

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.

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í.
