Verse hulpbronnen voor webontwerpers en ontwikkelaars (december 2017)

“Headless CMS” krijgt tegenwoordig veel aandacht. In een notendop, “headless CMS” heeft geen betrekking op de voorkant; alleen het CMS stelt de inhoud bloot doorgaans in een vorm van RESTful API terwijl de ontwikkelaars alles kunnen gebruiken wat ze willen om de inhoud weer te geven. Met de toenemende populariteit van deze praktijk, nieuwe frameworks ontstaan ​​om het snel op te zetten.

Dus, in deze ronde heb ik een paar van deze frameworks samen met een aantal andere nuttige tools samengesteld die de moeite van het bekijken waard zijn.

Headless WP Starter

Dit is een WordPress-startersthema, maar in tegenstelling tot de andere, maakt dit startthema gebruik van het WP-API om de inhoud te krijgen en deze vervolgens om te zetten in een statische HTML Gebruik Node en React om uw website te maken “zonder hoofd”.

VueStoreFront

VueStoreFront is een andere “Headless CMS” kader. Gebouwd bovenop Vue.js en knooppunt, VueStoreFront en is ontworpen voor e-Commerce-platforms zoals Magento, Prestashop en Shopware via de API's. Het bevat ook een PWA-benadering die staat de site toe om bruikbaar te zijn offline.

GatsbyJS

Gatsby is een site statische generator gebouwd met React.js. U kunt CMS's gebruiken met API zoals WordPress, Markdown en JSON om de inhoud te voeden. Het maakt ook gebruik van een aantal recente technologieën zoals Node, PWA en React waarmee het ongelooflijk snel kan worden geladen.

DustPress

DustPress is een WordPress-startthema met moderne ontwikkelingsbenadering. Met behulp van de Dust.js-sjabloontaal scheidt DustPress de lay-out van de HTML-sjabloon van de PHP-logica, waardoor ontwikkelaars een veel schonere code kunnen produceren. Het maakt ook ontwikkeling sneller, beter onderhoudbaar en geeft het thema een georganiseerde structuur.

VSCode-pictogrammen

Visual Studio Code is snel uitgegroeid tot een van de meest populaire codebewerkers. Het is lichtgewicht, heeft veel plug-ins, en nu heeft het selecties van verschillende pictogrammen. Als u vindt dat het standaard Visual Studio Code-pictogram saai is, schakelt u over naar een van deze pictogrammen.

TailWindCSS

TailWindCSS is een ander CSS-framework. Maar het verschilt van het populaire CSS-framework zoals Bootstrap en Foundation op een manier dat het geen UI-componenten biedt. In plaats daarvan, TailWindCSS wordt geleverd met kleine stukjes CSS-klassen waarmee u uw eigen gebruikersinterface kunt samenstellen.

Traefik

Ik was aan het experimenteren met Docker en vroeg me af hoe ik de domeinnaam kon overbrengen naar verschillende containers op een enkele machine. Toen vond ik Traefik, een moderne HTTP reverse proxy en loadbalancers. Naast Docker ondersteunt het ook andere services zoals Kubernetes, Rancher en Amazon Elastic Container.

CubeUI

CubeUI is gebouwd op de top van Vue.js fantastische UI-component om mobiele apps te bouwen. Bestaande uit een groot aantal componenten, zoals Button, Popup, TimePicker, Slide en Checkbox. Elke component is voorzien van een TestUnit die zorgt voor continue integratie en ook het minimaliseren van bugs op elk onderdeel.

Lucht

Air is minimaal WordPress-startersthema. Uitbreiding van de _s, Air voegt enkele extra componenten toe, zoals Dia's, Sticky navigatiebalk en klaar voor WooCommerce.

EmptyStates

EmptyStates is een verzameling van lege staatspagina's op het web en mobiele apps voor inspiratie. De lege statuspagina is het soort pagina dat vaak over het hoofd wordt gezien.

Ontwerp voor snelkoppelingen

Deze website biedt een verzameling snelkoppelingen van populierentoepassingen en hulpmiddelen die worden gebruikt door ontwikkelaars en ontwerpers. Hier vindt u snelkoppelingen voor Sketch, Photoshop, InDesign, Sublime Text, WordPress en nog veel meer. De lijst bevat momenteel alleen snelkoppelingen voor macOS, maar het zou geweldig zijn om ook Windows-snelkoppelingen te zien.

uppy

Uppy is een JavaScript-frameworks om een ​​interface voor het uploaden van bestanden te bouwen. Met Uppy kunt u bestanden ophalen, niet alleen van lokale schijven, maar ook van externe opslagservices zoals Google Drive, Dropbox, Instagram en andere services. Haar lichtgewicht, modulair en uitgebreid met aangepaste plug-ins.

VuetifyJS

VuetifyJS is een initiatief van John Leider aan bouw Material Design rondom Vue.js. Google heeft een vergelijkbaar initiatief met MDL of Material Design Lite, maar het lijkt niet genoeg grip te krijgen in de community en de de ontwikkeling lijkt de afgelopen maanden erg langzaam te verlopen. Dus als u op zoek bent naar een alternatief, is VuetifyJS misschien de juiste keuze.

WP ULike

WP Ulike is a WordPress plugin om toe te voegen “Net zoals” naar uw inhoud in het ingebouwde WordPress-berichttype, aangepaste berichttypen en bbPress evenals BuddyPress. Het komt ook met een aantal andere coole functies zoals Meldingssysteem, Analytics en Widgets waardoor het een van de meest overtuigende is “Net zoals” systeem voor uw WordPress-site.

Vee Valideer

Vee Validate is een JavaScript-bibliotheek voor voeg invoerveld toe met de ingebouwde validatie. Het ondersteunt veel soorten ingangen zoals e-mail, nummer, datums, URL, IP-adres, enz.

Vue Data Tables

Nog een handige Vue.js-plug-in. VueDataTables is een eenvoudige plug-in om te bouwen aanpasbare en pageable tabel met Vue.js. De plug-in is gebouwd met schaal in het achterhoofd dat deze op een vlekkeloze manier enorme gegevens op de tafel kan weergeven. Het wordt ook verzonden met een aantal extra componenten om je tafel van stroom te voorzien, zoals paginering, zoekbox en filter.

Googler

Googler is een CLI waarmee u zoekopdrachten in Google kunt uitvoeren via de opdrachtregels. Net als bij de interface worden ook de titel, beschrijving, URL en de paginering opgehaald. Het is een handige tool voor MacOS en Linux-gebruikers.

Bout CMS

Bolt is CMS gebouwd met PHP. Het is snel in te stellen, gebruikt Twig als template-engine, ondersteunt PHP7 volledig, eenvoudig aan te passen via een eenvoudig YAML-bestand. Over het algemeen ziet het er interessant uit voor mij; Ik zal zeker wat tijd doorbrengen om het verder te onderzoeken wanneer ik de kans heb.

Telex

Teletype is een nieuw nieuw initiatief van de Atom Editor. Met deze nieuwe functie kunt u werk samen met uw collega's aan het schrijven van code. Om het te gebruiken, moet u de officiële Teletype-plug-in installeren.

Plyr

Plyr (uitgesproken als speler) is a moderne mediaspelerbibliotheek met slechts 10kb groot. Hiermee kun je de HTML-video- en -audiospeler, YouTube en Vimeo, en een livestreammedium aanpassen. Het is in actieve ontwikkeling met meer gepland functies die moeten worden toegevoegd inclusief ondersteuning voor Wistia en ingesloten video op Facebook.