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

“Bezhlavý CMS” v těchto dnech získává velkou pozornost. Ve zkratce, “bezhlavý CMS” nezabývá se front-endem; pouze CMS vystavuje obsah obvykle ve formě RESTful API zatímco vývojáři mohou používat cokoliv, co dávají přednost obsahu. S rostoucí popularitou této praxe, vznikají nové rámce, aby se rychle nastavily a fungovaly.

Takže, v tomto kole nahoru, jsem dal dohromady několik z těchto rámců spolu s některými dalšími užitečnými nástroji, které stojí za kontrolu.

Bezhlavý WP Starter

To je WordPress startovací téma, ale na rozdíl od ostatních, tento startter téma využívá WP-API pro získání obsahu a jeho vykreslení do statického HTML pomocí Node a React, aby vaše webové stránky “bezhlavý”.

VueStoreFront

VueStoreFront je další “Bezhlavý CMS” rámec. Postavený na vrcholu Vue.js a uzlu, VueStoreFront a je určen pro e-Commerce platformy jako Magento, Prestashop a Shopware prostřednictvím rozhraní API. To také zahrnuje PWA přístup, který umožňuje použití stránky offline.

GatsbyJS

Gatsby je místo statického generátoru postaven s React.js. Můžete použít CMS s API, jako je WordPress, Markdown, JSON, aby obsah krmiva. Podobně využívá i některé nejnovější technologie Node, PWA a React, které umožňují rychlé načítání.

DustPress

DustPress je a WordPress startovací téma s moderním rozvojovým přístupem. Využití jazyka šablony Dust.js DustPress odděluje rozvržení šablony HTML od logiky PHP, což umožňuje vývojářům vytvářet mnohem čistší kód. To také dělá vývoj rychlejší, udržitelnější a dává tématu organizovanou strukturu.

Ikony VSCode

Kód Visual Studio se rychle stal jedním z nejpopulárnějších editorů kódu. to je lehký, má spoustu pluginů a nyní má výběr různých ikon. Pokud máte pocit, že výchozí ikona kódu Visual Studio je nudná, přepněte na některou z těchto ikon.

TailWindCSS

TailWindCSS je další CSS framework. Ale liší se od populárních CSS frameworků jako Bootstrap a Foundation tak, že neposkytuje UI komponenty. Místo toho, TailWindCSS přichází s malými kousky CSS tříd, které vám umožní vytvořit si vlastní uživatelské rozhraní.

Traefik

Experimentoval jsem s Dockerem a přemýšlel jsem, jak přesměrovat název domény na několik různých kontejnerů na jednom počítači. Pak jsem našel Traefika, a moderní HTTP reverzní proxy a balancery zátěže. Kromě Dockeru také podporuje další služby jako Kubernetes, Rancher a Amazon Elastic Container.

CubeUI

CubeUI postavený na vrcholu Vue.js je fantastické UI komponenty pro vytváření mobilních aplikací. Skládá se z mnoha komponent, jako jsou Button, Popup, TimePicker, Slide a Checkbox. Každá komponenta je opatřena testem TestUnit zajišťujícím kontinuální integraci a také minimalizace chyb na každé komponentě.

Vzduch

Air je minimální WordPress startovací téma. Vysunutím karty Air přidá některé další komponenty, jako například Snímky, Sticky Navigation Bar a WooCommerce-ready.

EmptyStates

EmptyStates je sbírka prázdných stavových stránek na webu a mobilních aplikacích pro inspiraci. Stránka prázdného stavu je typ stránky, která je často přehlížena.

Návrh zástupce

Tato webová stránka poskytuje a sbírka zástupců populárních aplikací a nástroje používané vývojáři a projektanty. Zde najdete zkratky pro Sketch, Photoshop, InDesign, Sublime Text, WordPress a mnoho dalších. seznam aktuálně obsahuje pouze zkratky pro makra, ale bylo by skvělé vidět i zástupce Windows.

Uppy

Uppy je a JavaScript framework pro vytvoření rozhraní pro upload souborů. S programem Uppy můžete načíst soubory nejen z lokálního disku, ale také z externího úložiště, jako je Disk Google, Dropbox, Instagram a další služby. To je lehké, modulární a rozšířené o vlastní pluginy.

VuetifyJS

VuetifyJS je iniciativa Johna Leidera stavět materiál Design kolem Vue.js. Google má podobnou iniciativu s MDL nebo Material Design Lite, ale nezdá se, že by měl dostatek trakce v komunitě i v USA Zdá se, že vývoj v posledních několika měsících \ t. Takže pokud hledáte alternativu, VuetifyJS může být tou správnou volbou.

WP ULike

WP Ulike je a WordPress plugin přidat “Jako” obsahu zda ve vestavěné WordPress post typu, vlastní typy příspěvků, a bbPress stejně jako BuddyPress. Dodává se také s některými dalšími skvělými funkcemi Systém oznámení, Analytics a Widgety které z něj činí jeden z nejpřesvědčivějších “Jako” systém pro vaše stránky WordPress.

Vee Validate

Vee Validate je knihovna jazyka JavaScript přidat vstupní pole s vestavěným ověřením. Podporuje mnoho typů vstupů, jako je e-mail, číslo, data, adresa URL, adresa IP atd.

Datové tabulky Vue

Další praktický plugin Vue.js. VueDataTables je jednoduchý plugin pro sestavení přizpůsobitelná a stránkovaná tabulka s Vue.js. Zásuvný modul je vytvořen s ohledem na to, že může bezchybně vykreslit masivní data na stole. Je také dodáván s některé další komponenty, které mohou zapnout váš stůl, jako je například Pagination, Searchbox a Filter.

Společnost Google

Google je a CLI, který umožňuje provádět vyhledávání v Google přes příkazové řádky. Podobně jako rozhraní získá také název, popis, adresu URL a stránkování. Je to užitečný nástroj pro uživatele MacOS a Linux.

Šroub CMS

Bolt je CMS postavený s PHP. to je Rychlé nastavení, používá Twig jako jeho templating engine, plně podporuje PHP7, snadno přizpůsobit prostřednictvím jednoduchého souboru YAML. Celkově mi to připadá zajímavé; Určitě strávím nějaký čas, abych to prozkoumala, až budu mít šanci.

Teletype

Teletype je nová iniciativa z editoru Atom. Tato nová funkce vám umožní spolupracovat se svými kolegy na psaní kódu. Chcete-li jej použít, musíte nainstalovat oficiální plugin Teletype.

Plyr

Plyr (vyslovováno jako Player) je a moderní knihovna přehrávače médií s velikostí pouhých 10 kb. S tímto budete moci přizpůsobit HTML video a audio přehrávač, Youtube a Vimeo, a Live streaming médií. Je to v aktivním vývoji s více plánovanými funkce, které mají být přidány včetně podpory pro Wistia a Facebook vložené video.