Friss források a webes tervezők és fejlesztők számára (2017. december)

“Fejetlen CMS” ezekben a napokban sok figyelmet szerez. Dióhéjban, “fej nélküli CMS” nem foglalkozik a front-end; csak a CMS-t megjeleníti a tartalmat általában a RESTful API formájában míg a fejlesztők bármit is használhatnak, hogy a tartalmat megjelenítsék. A gyakorlat növekvő népszerűségével, új keretek keletkeznek, hogy gyorsan és gyorsan működjenek.

Tehát ebben a körben felsoroltam néhány ilyen keretrendszert, valamint néhány más hasznos eszközzel, amit érdemes megnézni.

Fej nélküli WP Starter

Ez egy WordPress indító témája, de a többitől eltérően ez az indító téma kihasználja a A WP-API a tartalom megszerzéséhez, majd statikus HTML formátumúvá teszi a csomópont és a reagálás használatával “fejetlen”.

VueStoreFront

A VueStoreFront egy másik “Fejetlen CMS” keretrendszer. A Vue.js és a Node tetején épült, VueStoreFront és az e-kereskedelmi platformokhoz, mint például a Magento, a Prestashop és a Shopware az API-khoz tervezték. Ez magában foglalja a PWA megközelítést is lehetővé teszi a webhely használatát nem elérhető.

GatsbyJS

Gatsby a helyszíni statikus generátor a React.js-tal készült. A tartalom bejuttatásához használhatja a CMS-eket, mint a WordPress, Markdown, JSON. Hasonlóképpen, néhány új technológiát is használ A csomópont, a PWA és a React, amely lehetővé teszi, hogy hihetetlenül gyors legyen.

DustPress

A DustPress a A WordPress starter témája modern fejlesztési megközelítéssel. A Dust.js sablonnyelv használatával a DustPress elválasztja a HTML sablon elrendezést a PHP logikától, így a fejlesztők sokkal tisztább kódot készíthetnek. Azt is teszi gyorsabban, fenntarthatóbbá és szervezettebbé teszi a témát.

VSCode ikonok

A Visual Studio Code gyorsan lett az egyik legnépszerűbb kódszerkesztő. Ez könnyű, sok pluginnel rendelkezik, és most különböző ikonok közül választhat. Ha úgy érzi, hogy az alapértelmezett Visual Studio Code ikon unalmas, váltson bármelyik ikonra.

TailWindCSS

A TailWindCSS egy másik CSS keretrendszer. De ez eltér a népszerű CSS keretrendszertől, mint a Bootstrap és az Alapítvány, úgy, hogy nem nyújt UI komponenseket. Helyette, A TailWindCSS kis CSS osztályokkal rendelkezik, amelyek lehetővé teszik a saját felhasználói felület létrehozását.

Traefik

Kísérleteztem a Dockerrel, és azon tűnődtem, hogyan lehet egyetlen gépen vezetni a tartománynevet több különböző konténerre. Aztán találtam Traefik-t, a modern HTTP fordított proxy és terheléskiegyenlítők. A Docker mellett más szolgáltatásokat is támogat, mint például a Kubernetes, a Rancher és az Amazon Elastic Container..

CubeUI

A Vue.js tetején épült CubeUI a fantasztikus felhasználói felület összetevője mobilalkalmazások létrehozásához. Sok összetevőből áll, mint például a gomb, a felugró ablak, a TimePicker, a Slide és a Checkbox. Mindegyik komponenst egy tesztUnittel csatolják, amely biztosítja a folyamatos integrációt, valamint az egyes összetevők hibájának minimalizálása.

Levegő

A levegő minimális WordPress starter téma. Az _s kiterjesztése mellett a Air néhány további összetevőt is hozzáad Slides, Sticky Navigation Bar és WooCommerce készen áll.

EmptyStates

Az üres helyek egy üres állapotlapok gyűjteménye a weben és a mobilalkalmazásokon inspirációhoz. Az üres állapotlap az az oldal, amelyet gyakran figyelmen kívül hagynak.

Gyorsbillentyűk tervezése

Ez a weboldal a népszerű alkalmazások gyorsbillentyűinek gyűjteménye és a fejlesztők és tervezők által használt eszközök. Itt találhat parancsikonokat a vázlat, a Photoshop, az InDesign, a Sublime Text, a WordPress és még sok más. A A lista jelenleg csak a macOS parancsikonjait tartalmazza, de jó lenne látni, hogy a Windows parancsikonjai is hozzáadódnak.

Uppy

Uppy a JavaScript keretrendszerek egy fájl feltöltési felület létrehozásához. Az Uppy használatával nem csak a helyi meghajtóról, hanem a külső tárolószolgáltatásról is letölthet fájlokat, mint például a Google Drive, a Dropbox, az Instagram és egyéb szolgáltatások. ez könnyű, moduláris és egyedi bővítményekkel bővíthető.

VuetifyJS

A VuetifyJS John Leider kezdeményezése építsen anyagtervezést a Vue.js körül. A Google hasonló kezdeményezéssel rendelkezik az MDL-rel vagy az Material Design Lite-rel, de úgy tűnik, nem kap elegendő vonóerő a közösségben és a úgy tűnik, hogy a fejlődés nagyon lassan halad az elmúlt néhány hónapban. Tehát ha alternatívát keresel, a VuetifyJS lehet a megfelelő választás.

WP ULike

WP Ulike a WordPress bővítmény hozzáadásához “Mint” a tartalomhoz a beépített WordPress-típustípustól, az egyéni bejegyzések típusától és a bbPress-től, valamint a BuddyPress-től. Ez is jön néhány más hűvös funkciók, mint például Értesítési rendszer, Analytics és Widgetek ami az egyik legvonzóbb “Mint” rendszer a WordPress webhelyére.

Vee Validate

Vee Validate egy JavaScript könyvtár hozzáadja a beviteli mezőt a beépített validálással. Támogatja a sokféle bemenetet, mint például az e-mail, a szám, a dátumok, az URL, az IP-cím stb.

Vue adat táblázatok

Egy másik hasznos Vue.js plugin. A VueDataTables egy egyszerű beépülő modul testreszabható és kereshető tábla Vue.js-tal. A bővítmény a méretarányos szemléletben épül fel, hogy hatalmas adatokat tud adni az asztalon hibátlanul. Továbbá szállítjuk néhány extra összetevő, amellyel a táblázatot, például a Pagination, a Searchbox és a Filter beállíthatja.

Google-

A Google a A CLI, amely lehetővé teszi a keresést a Google-ban a parancssorokon keresztül. Az interfészhez hasonlóan a cím, a leírás, az URL és a lapozás is meg fog jelenni. Ez praktikus eszköz a MacOS és Linux felhasználók számára.

Csavaros CMS

A csavar a PHP-vel épített CMS. Ez gyorsan telepíthető, Twig-et használ a sablonmotorjaként, teljes mértékben támogatja a PHP7-et, könnyen testreszabható egy egyszerű YAML fájlon keresztül. Összességében érdekesnek tűnik számomra; Biztosan eltöltök egy kis időt, hogy felfedezzem, mikor van esélyem.

Telex

A Teletype egy új új kezdeményezés az Atom szerkesztőtől. Ez az új funkció lehetővé teszi együttműködjenek a társaival a kód írása során. A használatához telepítenie kell a hivatalos Teletype bővítményt.

Plyr

A Plyr (Játékosként kifejezve) a modern médialejátszó könyvtár, mindössze 10 kb méretű. Ezzel testreszabhatja a HTML video- és audiolejátszót, a Youtube-ot és a Vimeo-t, valamint az élő streaming médiát. Aktív fejlődésben van, több tervezett a Wistia és a Facebook beágyazott videóinak támogatásával bővíthető funkciók.