Domovská » Webový design » Nové zdroje pro webové designéry a vývojáře (červenec 2018)

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