Nové zdroje pre návrhárov webových stránok a vývojárov (December 2017)

“Bezhlavý CMS” v súčasnosti získava veľa pozornosti. Stručne, “bezhlavý CMS” sa nezaoberá front-endom; len CMS zobrazuje obsah zvyčajne vo forme RESTful API zatiaľ čo vývojári môžu používať čokoľvek, čo dávajú prednosť obsahu. S rastúcou popularitou tejto praxe, vzniknú nové rámce na jeho rýchle zavedenie a prevádzku.

Takže v tomto kole som dal dohromady niekoľko týchto rámcov spolu s ďalšími užitočnými nástrojmi, ktoré stojí za to.

Bezhlavý spúšťač WP

Toto je WordPress štartovacia téma, ale na rozdiel od ostatných, táto štartovacia téma využíva WP-API získať obsah a potom ho vykresliť do statického HTML pomocou uzla a reakcie vytváranie vašich webových stránok “bezhlavý”.

VueStoreFront

VueStoreFront je ďalší “Bezhlavý CMS” rámec. Postavený na vrchole Vue.js a uzla, VueStoreFront a je určený pre platformy e-Commerce ako Magento, Prestashop a Shopware prostredníctvom rozhrania API. Zahŕňa tiež prístup PWA, ktorý umožňuje, aby stránka bola použiteľná v režime offline.

GatsbyJS

Gatsby je a statický generátor lokality postavená s React.js. Môžete použiť CMS s rozhraním API, ako WordPress, Markdown, JSON, aby ste mohli obsah obsahovať. Podobne využíva aj niektoré nedávne technológie Uzol, PWA a React, ktoré umožňujú načítať neuveriteľne rýchlo.

DustPress

DustPress je a WordPress štartovacia téma s moderným rozvojovým prístupom. Využitím jazyka šablón Dust.js, DustPress oddeľuje rozloženie šablón HTML od logiky PHP, čo umožňuje vývojárom vytvárať čistejší kód. To tiež robí vývoj rýchlejšie, udržateľnejšie a dáva téme organizovanú štruktúru.

VSCode ikony

Kód Visual Studio sa rýchlo stal jedným z najobľúbenejších editorov kódu. to je ľahký, má veľa pluginov a teraz má výber rôznych ikon. Ak sa domnievate, že štandardná ikona kódu Visual Studio je nudná, prejdite na ktorúkoľvek z týchto ikon.

TailWindCSS

TailWindCSS je ďalší rámec CSS. Ale líši sa od populárneho rámca CSS ako Bootstrap a Foundation takým spôsobom, že neposkytuje komponenty rozhrania UI. namiesto, TailWindCSS je dodávaný s malými kusmi tried CSS, ktoré vám umožňujú vytvoriť si vlastné užívateľské rozhranie.

Traefik

Skúšal som s Dockerom a zaujímalo sa, ako smerovať názov domény na niekoľko rôznych kontajnerov na jednom stroji. Potom som našiel Traefik, a moderné HTTP reverzné proxy a balancery zaťaženia. Okrem služby Docker podporuje aj iné služby, ako sú Kubernetes, Rancher a Amazon Elastic Container.

CubeUI

Postavený na vrchole Vue.js, CubeUI je a fantastická používateľská zložka na vytváranie mobilných aplikácií. Skladá sa z mnohých komponentov, ako sú tlačidlá, Popup, TimePicker, Slide a Checkbox. Každá zložka je naštvaná s testom, ktorý zabezpečuje nepretržitú integráciu a tiež minimalizácia chýb na každom komponente.

ovzdušia

Vzduch je minimálny WordPress štartovací motív. Pri rozširovaní _s Air pridáva niektoré ďalšie komponenty, ako napr Prezentácie, Sticky Navigation Bar a WooCommerce pripravené.

EmptyStates

EmptyStates je a zhromažďovanie prázdnych stavových stránok na webe a mobilných aplikáciách pre inšpiráciu. Prázdna stavová stránka je druh stránky, ktorá je často prehliadaná.

Konštrukcia skratiek

Táto webová stránka poskytuje zhromažďovanie skratiek populárnych aplikácií a nástroje používané vývojármi a dizajnérmi. Tu nájdete skratky pre Sketch, Photoshop, InDesign, Sublime Text, WordPress a mnoho ďalších. zoznam v súčasnosti obsahuje len skratky pre macOS, ale bolo by skvelé vidieť aj skratky pre systém Windows.

uppy

Uppy je a Rámcov JavaScriptu na vytvorenie rozhrania na nahrávanie súborov. Pomocou aplikácie Uppy môžete načítať súbory nielen z lokálnej jednotky, ale aj z externých úložných služieb, ako sú napríklad Disk Google, Dropbox, Instagram a ďalšie služby. to je ľahké, modulárne a rozšírené s vlastnými doplnkami.

VuetifyJS

VuetifyJS je iniciatíva od John Leider do vytvorte návrh materiálu okolo Vue.js. Google má podobnú iniciatívu s MDL alebo Material Design Lite, ale nezdá sa, že má dostatočnú trakciu v komunite a zdá sa, že vývoj v posledných mesiacoch je veľmi pomalý. Takže ak hľadáte alternatívu, môže byť VuetifyJS správnou voľbou.

WP ULike

WP Ulike je a WordPress plugin pre pridanie “Páči sa mi to” k svojmu obsahu či už v zabudovanom type príspevku WordPress, vlastných typov príspevkov a bbPress a BuddyPress. To tiež prichádza s niektorými ďalšími skvelými funkciami Notifikačný systém, Analytics a Widgety ktoré ho robia jedným z najpresvedčivejších “Páči sa mi to” systém pre vaše stránky WordPress.

Overenie platnosti

Vee Validate je knižnica JavaScript pridať vstupné pole s integrovaným overovaním. Podporuje mnoho typov vstupov, ako sú e-mail, číslo, dátumy, adresa URL, adresa IP atď.

Vue tabuľky údajov

Ďalší praktický doplnok Vue.js. VueDataTables je jednoduchý doplnok na vytvorenie prispôsobiteľná a prispôsobiteľná tabuľka s Vue.js. Zásuvný modul je zostrojený s ohľadom na to, že dokáže robiť bezchybne masívne údaje na stole. Je tiež dodávaný s niektoré ďalšie komponenty na napájanie vášho stola, ako sú Pagination, Searchbox a Filter.

googlerov

Googler je CLI, ktorá vám umožňuje vykonávať vyhľadávanie v Google prostredníctvom príkazového riadku. Podobne ako rozhranie, bude tiež získať názov, popis, URL a stránkovanie. Je to užitočný nástroj pre užívateľov MacOS a Linux.

Bolt CMS

Bolt je CMS postavený pomocou PHP. to je rýchlo nastaviť, používa Twig ako templátový motor, plne podporuje PHP7, ľahko sa prispôsobí prostredníctvom jednoduchého súboru YAML. Celkovo mi to zaujíma; Určite strávim nejaký čas na to, aby som to preskúmal, keď budem mať šancu.

teletype

Teletype je novou novou iniciatívou editora Atom. Táto nová funkcia vám umožňuje spolupracujte so svojimi kolegami na písaní kódu. Ak ho chcete použiť, musíte nainštalovať oficiálny doplnok Teletype.

Plyr

Plyr (vyslovuje sa ako hráč) je a moderná knižnica prehrávačov médií s veľkosťou len 10 kB. Týmto spôsobom budete môcť prispôsobiť video a audio prehrávač HTML, Youtube a Vimeo a živé vysielanie médií. Je to v aktívnom vývoji s viac plánované funkcie, ktoré treba pridať, vrátane podpory pre Wistia a Facebook embedded video.