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

    Nové zdroje pro webové designéry a vývojáře (únor 2018)

    Po celé roky jsem tuto sérii pokrýval a byl jsem svědkem nástrojů, které přicházejí a odcházejí. A několik nových nástrojů je vydáváno téměř každý týden. Nicméně, v posledních několika týdnech si myslím, že to trochu zpomaluje, trvalo mi to o něco déle než obvykle kopat do Github a dalších zdrojů najít nové nástroje které jsou zdarma, open-source a stojí za zmínku o této sérii.

    V dnešním příspěvku mám mix nástrojů z JavaScriptu, testovacích nástrojů a několika pro vývoj stránek WordPress. Podívejme se na ně.

    Kutt

    An aplikace, která zkracuje adresy URL s vlastním názvem domény. Je postaven na špičkových moderních stackech jako Node.js, React a Redux s hrstkou funkce, které jsou zabudovány, včetně URL chránícího heslem, API RESTful, a fantastické podrobné statistiky pro sledování vašich adres URL. Nejlepší je, že je to zdarma a můžete ho hostit na vlastním serveru.

    WordHat

    WordHat je nástroj pro integraci Behat do WordPressu. Behat je open-source vývoj (BDD) pro PHP, kde si můžete otestovat svou PHP aplikaci výraznějším způsobem.

    Najdete tento nástroj velmi užitečné jako vaše WordPress téma a plugin dostane složitější s funkcemi; WordHat a Behat zajistí, že se vaše téma nebo plugin chová podle očekávání když s ním uživatel komunikuje.

    Prohlížeč WP

    Podobně jako WordHat je WP-Browser rozšířením Codeception speciálně navržený pro aplikace WordPress, témata a pluginy. Kódování je nástroj, který lze provádět testování na vaší aplikaci, podobně jako PHPUnit a Behat, ale je to s více. V tom můžete udělat Testování prohlížeče, BDD, testování integrace jednotek a testování API.

    Uzel WP Internacionalizace

    Jméno mluví samo za sebe. Je to modul NodeJS, který automatizuje spoustu věcí k internacionalizaci vašich témat nebo pluginů. Nainstalujte modul a typ wpi18n makepot generovat soubor POT z překládatelného textu ve vašem WordPress pluginech nebo tématech.

    dík

    Další modul NodeJS, který nedávno sleduje Github. “dík” vůle vygenerovat seznam administrátorů balíčků používaných ve vašem open-source projektu a propojit ji s jejich darem nebo stránkou OpenCollective jako projev vděčnosti za jejich přínos komunitě.

    Vytvořte Gutenův blok

    Gutenberg je slyšet a bude dodáván s WordPress 5.0. Tohle je Modul NPM pro generování Gutenbergova bloku pro vývoj kotle s moderním stackem jako React, Webpack, Babel a Sass. Stačí spustit příkazový řádek ,create-guten-block, a vy jste všichni.

    WP Vue

    WP Vue je a šablona postavená s Vue pro zobrazení WordPress příspěvků. Tato šablona je skvělým výchozím bodem, pokud chcete, aby vaše stránky WordPress bezhlavý. Podívejte se, jak to funguje na demo stránce. Změnit URL koncového bodu URL WP-API z libovolného webu WordPress; automaticky znovu obsadí příspěvky s těmi z nové URL koncového bodu.

    Podnět

    A nový framework JavaScript z Basecampu. Na rozdíl od programu React nebo Vue vás nenutí nutně psát celou aplikaci pomocí JavaScriptu nebo přidávat syntetické atributy.

    StimulusJS pracuje v prostém HTML, které jsme již znali data- atributy. Také nevyžaduje komplexní sestavení konfigurace. Můžeš jednoduše přidejte skript na webovou stránku stejně jako jQuery a to je vše - začněte psát skript, aby vaše aplikace byla naživu.

    Manta

    A bezplatnou aplikaci pro tvorbu a správu faktur. Můžete přidat poznámku, nastavit měnu, použít slevu, přidat seznam klientů nebo zákazníků, přidejte své logo, vytvořte šablonu faktury a stáhněte ji ve formátu PDF. Je k dispozici pro systémy MacOS, Windows a Linux. Pokud jste na volné noze, může se jednat o fakturaci, kterou jste hledali pro provozování volného obchodu.

    Reagovat Static

    Jak název napovídá, jedná se o nástroj, který vám umožní generovat statické místo pomocí React. Dodává se se všemi přednastavenými nástroji, takže můžete začít vytvářet obsah pro web. A protože je to statické místo, můžete hostit stránky i ve sdíleném hostingu s nízkými zdroji.

    Piklist

    Piklist je vývoj WordPress, že umožňuje vytvořit komplexní webové stránky nastavení s WordPress s méně kódu. Dodává se se sadou pomocných funkcí a Hooks pro rozšíření téměř každé části WordPress, jako je stránka nastavení, uživatelská pole, poznámky administrátora, krátký kód, widgety, taxonomie, uživatelé, a mnohem více.

    Strapi

    A obsahu agnositic CMS rámec pro vytvoření obsahu API. To vám umožní navrhnout vlastní strukturu obsahu a API, stejně jako poskytuje krásný panel pro správu spravovat. Neposkytuje však zabudovaný systém šablon. To nabízí možnost vybrat si libovolnou front-end knihovnu podle vašich preferencí jako React nebo Vue.

    ParcelJS

    ParcelJS je a svazku podobně jako Webpack a Browserify, kromě toho, že je rychlejší a vyžaduje nulovou konfiguraci. To podporuje společný vývojový balík pro HTML, JS, CSS a transformátory jako je PostCSS a Babel. Takže se můžete soustředit pouze na váš kód namísto plýtvání časem na konfiguraci.

    GoodShare

    Knihovna JavaScript zobrazit tlačítko Sociální média s podílem pro několik sociálních médií. Podporuje mnoho sociálních médií, včetně těch, o kterých jste nikdy neslyšeli jako Vkontakte, Odnoklassniki, SurfingBird, také několik messenging platformy jako Skype, WhatsApp a LINE. GoodShare je také k dispozici jako komponenta Vue.

    CopyChar

    Webové stránky, které vám umožní vyhledání a kopírování speciálních znaků do schránky. Písmena, interpunkční znaménka, matematika, šipky a emoji jsou některé ze znaků zahrnutých na webu. Jednoduše Kliknutím nebo klepnutím na znak zkopírujete znak do schránky.

    Nerv

    Nerv je další reaktivní knihovna VirtualDOM; alternativa k ReactJS. Přináší známou syntaxi JSX React, ale s několika pozoruhodnými rozdíly. Nerv podporuje Internet Explorer 8! a je to jen jedna třetina velikosti React. Ještě pořád, Nerv je kompatibilní s React add-ons eventhe nejsložitějšími.

    HyperappJS

    Další JavaScript knihovna, která stojí za to se podívat do budování webové aplikace. To kombinuje státní správu s virtuálním DOM motorem podporuje klíčované aktualizace a události životního cyklu bez závislosti.

    VulcanJS

    Vulcan je sada nástrojů pro vybudování moderní webové aplikace. Je součástí balíku React, GraphQL a Meteor. Protože se jedná o full-stack framework, který poskytuje celou řadu pomocných komponent, které jsou Doladěn na back-end a front-end, vše je prostě v pořádku. Můžete tak rychle a rychle spustit svou aplikaci.

    Koa11y

    Desktopová aplikace pro Windows, MacOS a Linux, která zkoumá problémy s přístupností na webových stránkách. Koa11y bude poskytovat upozornění a varování, zda vaše webové stránky porušují standardy přístupnosti.

    To by mělo být nástrojem v každé sadě nástrojů pro webové vývojáře. Vyzkoušejte navigaci na webových stránkách pomocí jednoho dne na klávesnici, abyste pochopili, jak je důležitá dostupnost.

    TablePlus

    Opravdu pěkná GUI aplikace pro správu databáze. TablePlus podporuje širokou škálu databázového stroje včetně (samozřejmě) MySQL, SQLite, Redis, Postgres, MS SQL a mnoho dalšího. TablePlus je k dispozici pro MacOS a Windows.