Friske ressourcer til webdesignere og udviklere (december 2017)

“Headless CMS” får meget opmærksomhed i disse dage. I en nøddeskal, “hovedløse CMS” beskæftiger sig ikke med frontenden; kun CMS udsætter indholdet som regel i en form for RESTful API mens udviklerne kan bruge det, de foretrækker at gøre indholdet. Med den stigende popularitet af denne praksis, nye rammer opstår at sætte det op og køre hurtigt.

Så i denne runde har jeg sammensat nogle af disse rammer sammen med nogle andre nyttige værktøjer, der er værd at tjekke ud.

Headless WP Starter

Dette er et WordPress starter tema, men i modsætning til de andre bruger dette starter tema WP-API for at få indholdet og derefter gøre det til en statisk HTML Brug Node og React at lave dit websted “hovedløs”.

VueStoreFront

VueStoreFront er en anden “Headless CMS” rammer. Bygget oven på Vue.js og Node, VueStoreFront og er designet til e-handelsplatforme som Magento, Prestashop og Shopware via API'erne. Det indeholder også PWA tilgang som tillader webstedet at være brugbart offline.

GatsbyJS

Gatsby er en site statisk generator bygget med React.js. Du kan bruge CMS'er med API som WordPress, Markdown, JSON til at føje indholdet. Tilsvarende udnytter den nogle nyere teknologier Node, PWA og React, som gør det muligt at indlæse det utrolig hurtigt.

DustPress

DustPress er a WordPress starter tema med moderne udvikling tilgang. Udnyttelse af Dust.js-skabelonsproget adskiller DustPress HTML-skabelonlayoutet fra PHP-logikken, så udviklere kan producere en meget renere kode. Det gør også udvikling hurtigere, mere vedligeholdelig og giver temaet en organiseret struktur.

VSCode ikoner

Visual Studio Code er hurtigt blevet en af ​​de mest populære kode redaktører. det er letvægts, har masser af plugins, og nu har det valg af forskellige ikoner. Hvis du føler, at standard ikonet for Visual Studio Code er kedeligt, skift til nogen af ​​disse ikoner.

TailWindCSS

TailWindCSS er en anden CSS-ramme. Men det adskiller sig fra populære CSS-rammer som Bootstrap og Foundation på en måde, der ikke giver UI-komponenter. I stedet, TailWindCSS leveres med små stykker af CSS klasser, der giver dig mulighed for at komponere dit eget brugerinterface.

Traefik

Jeg eksperimenterede med Docker og spekulerede på, hvordan man ruter domænenavn til flere forskellige containere på en enkelt maskine. Så fandt jeg Traefik, a moderne HTTP reverse proxy og load balancers. Bortset fra Docker understøtter den også andre tjenester såsom Kubernetes, Rancher og Amazon Elastic Container.

CubeUI

Bygget oven på Vue.js, er CubeUI a fantastisk brugergrænseflade komponent til at bygge mobile apps. Består af mange komponenter som Button, Popup, TimePicker, Slide og Checkbox. Hver komponent er quipped med en TestUnit sikre kontinuerlig integration og også minimere fejl på hver komponent.

Luft

Air er minimal WordPress starter tema. Udvidelsen af ​​_s, Air tilføjer nogle ekstra komponenter som f.eks Slides, Sticky Navigation Bar og WooCommerce-klar.

EmptyStates

EmptyStates er en indsamling af tomme tilstandssider på internettet og mobilapps til inspiration. Den tomme side er den slags side, der ofte overses.

Genvej Design

Denne hjemmeside giver en indsamling af genveje af populære applikationer og værktøjer, der anvendes af udviklere og designere. Her finder du genveje til Sketch, Photoshop, InDesign, Sublime Text, WordPress og mange flere der kommer. Det listen indeholder i øjeblikket kun genveje til macOS, men det ville være dejligt at se Windows genveje til også at blive tilføjet i.

uppy

Uppy er en JavaScript rammer for at opbygge en fil upload interface. Med Uppy kan du hente filer, ikke kun fra lokalt drev, men også fra ekstern lagringstjeneste som Google Drev, Dropbox, Instagram og andre tjenester. Det er letvægts, modulær og udvidet med tilpassede plugins.

VuetifyJS

VuetifyJS er et initiativ fra John Leider til bygg materiale design omkring vue.js. Google har lignende initiativ med MDL eller Material Design Lite, men det synes ikke at få nok trækkraft i samfundet og udvikling ser ud til at gå rigtig langsomt i de sidste par måneder nu. Så hvis du leder efter et alternativ, kan VuetifyJS være det rigtige valg.

WP ULike

WP Ulike er a WordPress plugin til at tilføje “Synes godt om” til dit indhold hvad enten det er i den indbyggede WordPress-posttype, brugerdefinerede posttyper og bbPress samt BuddyPress. Det kommer også med nogle andre flotte funktioner sådan Underretningssystem, Analytics og Widgets hvilket gør det til en af ​​de mest overbevisende “Synes godt om” system til dit WordPress-websted.

Vee Validate

Vee Validate er et JavaScript-bibliotek til Tilføj indtastningsfelt med indbygget validering. Den understøtter mange typer af input såsom Email, Nummer, Datoer, URL, IP-adresse osv.

Vue Datatabeller

En anden praktisk Vue.js plugin. VueDataTables er et simpelt plugin til at opbygge tilpasses og sidebord med Vue.js. Pluginet er bygget op af skalaen, fordi det kan gøre massive data på bordet fejlfrit. Det leveres også med nogle ekstra komponenter til at aktivere dit bord som Pagination, Searchbox og Filter.

Googler

Googler er en CLI, der giver dig mulighed for at udføre søgning i Google gennem kommandolinjerne. Ligesom grænsefladen, vil den også hente titlen, beskrivelsen, webadressen og paginationen. Det er praktisk værktøj til MacOS og Linux power brugere.

Bolt CMS

Bolt er CMS bygget med PHP. det er Hurtig at konfigurere, bruger Twig som sin templerende motor, understøtter fuldt ud PHP7, nemt at tilpasse gennem en simpel YAML-fil. Alt i alt ser det ud til mig interessant; Jeg vil helt sikkert bruge lidt tid til at udforske det yderligere, når jeg har en chance.

teletype

Teletype er et nyt nyt initiativ fra Atom Editor. Denne nye funktion giver dig mulighed for samarbejde med jeres jævnaldrende om at skrive kode. For at bruge det skal du installere det officielle Teletype-plugin.

Plyr

Plyr (udtalt som spiller) er a moderne medieafspilleren bibliotek med kun 10kb i størrelse. Med dette kan du tilpasse HTML-video- og lydafspilleren, Youtube og Vimeo og et Live streaming media. Det er i aktiv udvikling med mere planlagt funktioner, der skal tilføjes med støtte til Wistia og Facebook embedded video.