Friska resurser för webbdesigners och utvecklare (december 2017)

“Headless CMS” får mycket uppmärksamhet i dessa dagar. I ett nötskal, “huvudlöst CMS” hanterar inte fronten; Endast CMS exponerar innehållet vanligtvis i en form av RESTful API medan utvecklarna kan använda vad de helst föredrar att göra innehållet. Med den ökande populariteten av denna övning, nya ramar uppstår för att ställa upp och springa snabbt.

Så i denna omgång har jag lagt ihop några av dessa ramar tillsammans med några andra användbara verktyg som är värda att kolla in.

Headless WP Starter

Detta är ett WordPress-starttema men till skillnad från de andra använder detta starttema WP-API för att hämta innehållet och sedan göra det till en statisk HTML Använda Node och React gör din hemsida “huvudlös”.

VueStoreFront

VueStoreFront är en annan “Headless CMS” ramverk. Byggd på toppen av Vue.js och Node, VueStoreFront och är utformad för e-handelsplattformar som Magento, Prestashop och Shopware via API. Det innehåller också PWA-tillvägagångssätt som gör att webbplatsen kan användas off-line.

GatsbyJS

Gatsby är en plats statisk generator byggd med React.js. Du kan använda CMS med API som WordPress, Markdown, JSON för att mata innehållet. På liknande sätt utnyttjar det några senaste tekniker Node, PWA och React som låter det ladda otroligt snabbt.

DustPress

DustPress är a WordPress starttema med modern utvecklingsmetod. DustPress separerar HTML-malllayouten från PHP-logiken så att utvecklare kan producera en mycket renare kod. Det gör också utveckling snabbare, mer underhållbar och ger temat en organiserad struktur.

VSCode Ikoner

Visual Studio Code har snabbt blivit en av de mest populära kodredigerarna. Det är lätt, har massor av plugins, och nu har det val av olika ikoner. Om du känner att standardikonet för Visual Studio Code är tråkigt, växla till någon av dessa ikoner.

TailWindCSS

TailWindCSS är ett annat CSS-ramverk. Men det skiljer sig från populära CSS-ramar som Bootstrap and Foundation på ett sätt som inte ger UI-komponenter. Istället, TailWindCSS kommer med små bitar av CSS-klasser som låter dig komponera ditt eget användargränssnitt.

Traefik

Jag experimenterade med Docker och undrade hur man ruttar domännamn till flera olika behållare på en enda maskin. Sedan hittade jag Traefik, a modern HTTP-omvänd proxy och lastbalansering. Bortsett från Docker stöder den också andra tjänster såsom Kubernetes, Rancher och Amazon Elastic Container.

CubeUI

Byggd på toppen av Vue.js är CubeUI a fantastisk användargränssnittskomponent för att bygga mobilappar. Består av många komponenter, t.ex. Knapp, Popup, TimePicker, Slide och Checkbox. Varje komponent är quipped med en TestUnit som säkerställer kontinuerlig integration och också minimera fel på varje komponent.

Luft

Air är ett minimalt WordPress starttema. Förlänger _s, Air lägger till några ytterligare komponenter som Slides, Sticky Navigation Bar och WooCommerce-redo.

EmptyStates

EmptyStates är a insamling av tomma tillståndssidor på webben och mobilappar för inspiration. Den tomma tillståndssidan är den typ av sida som ofta förbises.

Genvägsdesign

Denna webbplats ger en samling av genvägar av populära applikationer och verktyg som används av utvecklare och designers. Här hittar du genvägar för Sketch, Photoshop, InDesign, Sublime Text, WordPress och många fler att komma. De listan innehåller för närvarande bara genvägar för macOS, men det skulle vara bra att se Windows-genvägar att också läggas till i.

uppy

Uppy är en JavaScript-ramar för att skapa ett filuppladdningsgränssnitt. Med Uppy kan du hämta filer, inte bara från lokal enhet, utan även från extern lagringstjänst som Google Drive, Dropbox, Instagram och andra tjänster. Dess lätta, modulära och utvidgade med anpassade plugins.

VuetifyJS

VuetifyJS är ett initiativ från John Leider till bygga materialdesign kring Vue.js. Google har liknande initiativ med MDL eller Material Design Lite, men det verkar inte ha tillräckligt med dragkraft i samhället och utvecklingen verkar fortgå mycket långsamt de senaste månaderna nu. Så om du letar efter ett alternativ kan VuetifyJS vara det rätta valet.

WP ULike

WP Olika är a WordPress plugin att lägga till “Tycka om” till ditt innehåll antingen i den inbyggda WordPress-posttypen, anpassade inläggstyper, och bbPress samt BuddyPress. Det kommer också med några andra coola funktioner Anmälningssystem, Analytics och Widgets vilket gör det till en av de mest övertygande “Tycka om” system för din WordPress-webbplats.

Vee Validate

Vee Validate är ett JavaScript-bibliotek till lägg till inmatningsfält med inbyggd validering. Den stöder många typer av inmatningar som E-post, Nummer, Datum, URL, IP-adress, etc..

Vue datatabeller

En annan praktisk Vue.js plugin. VueDataTables är ett enkelt plugin att bygga anpassningsbar och sidbar tabell med Vue.js. Pluggen är byggd med skala i åtanke att det kan göra massiva data på bordet utan problem. Det levereras också med några extra komponenter för att driva upp ditt bord som Pagination, Searchbox och Filter.

Googler

Googler är en CLI som låter dig utföra sökning i Google via kommandoraden. På samma sätt som gränssnittet kommer det också att hämta titeln, beskrivningen, URL och paginering. Det är praktiskt verktyg för MacOS och Linux kraftanvändare.

Bolt CMS

Bolt är CMS byggt med PHP. Det är Snabb att installera, använder Twig som sin templerande motor, stöder fullständigt PHP7, lätt att anpassa genom en enkel YAML-fil. Totalt sett ser det mig intressant ut; Jag kommer definitivt att tillbringa lite tid att utforska det när jag har en chans.

Teletype

Teletype är ett nytt ett nytt initiativ från Atom Editor. Denna nya funktion gör att du kan samarbeta med dina kamrater om att skriva kod. För att kunna använda det måste du installera det officiella Teletype-plugin.

Plyr

Plyr (uttalad som spelare) är a modernt mediaspelarbibliotek med bara 10kb i storlek. Med det här kan du anpassa HTML-video- och ljudspelaren, Youtube och Vimeo och ett Live streaming media. Det är i aktiv utveckling med mer planerad funktioner som ska läggas till med stöd för Wistia och Facebook-inbäddad video.