Nuove risorse per Web designer e sviluppatori (dicembre 2017)

“CMS senza testa” sta guadagnando molta attenzione in questi giorni. In poche parole, “CMS senza testa” non si occupa del front-end; solo il CMS espone il contenuto generalmente in una forma di API RESTful mentre gli sviluppatori possono usare qualunque cosa preferiscano per rendere il contenuto. Con la crescente popolarità di questa pratica, nuovi framework nascono per configurarlo e funzionare rapidamente.

Quindi, in questo riepilogo, ho messo insieme alcuni di questi quadri insieme ad altri strumenti utili che vale la pena di verificare.

Starter WP senza testa

Questo è un tema di avviamento WordPress ma a differenza degli altri, questo tema introduttivo sfrutta il WP-API per ottenere il contenuto e quindi renderlo in un HTML statico usando Node e React creando il tuo sito web “senza testa”.

VueStoreFront

VueStoreFront è un altro “CMS senza testa” struttura. Costruito su Vue.js e Node, VueStoreFront ed è progettato per piattaforme di e-Commerce come Magento, Prestashop e Shopware attraverso le API. Incorpora anche l'approccio PWA che consente al sito di essere utilizzabile disconnesso.

GatsbyJS

Gatsby è un generatore statico del sito costruito con React.js. È possibile utilizzare CMS con API come WordPress, Markdown, JSON per alimentare il contenuto. Allo stesso modo utilizza alcune tecnologie recenti come Nodo, PWA e React che gli permettono di caricarsi incredibilmente velocemente.

DustPress

DustPress è un Tema iniziale di WordPress con approccio allo sviluppo moderno. Sfruttando il linguaggio del modello Dust.js, DustPress separa il layout del modello HTML dalla logica PHP consentendo agli sviluppatori di produrre un codice molto più pulito. Rende anche sviluppo più veloce, più gestibile e offre al tema una struttura organizzata.

Icone VSCode

Visual Studio Code è diventato rapidamente uno degli editor di codice più popolari. È leggero, ha un sacco di plugin, e ora ha selezioni di icone diverse. Se ritieni che l'icona predefinita di Visual Studio Code sia noiosa, passa a una di queste icone.

TailWindCSS

TailWindCSS è un altro framework CSS. Ma differisce dal popolare framework CSS come Bootstrap e Foundation in un modo che non fornisce componenti dell'interfaccia utente. Anziché, TailWindCSS viene fornito con piccoli pezzi di classi CSS che ti consentono di comporre la tua interfaccia utente.

Traefik

Stavo facendo esperimenti con Docker e mi chiedevo come indirizzare il nome del dominio in diversi contenitori su una singola macchina. Poi ho trovato Traefik, a moderno reverse proxy HTTP e bilanciamento del carico. Oltre a Docker, supporta anche altri servizi come Kubernetes, Rancher e Amazon Elastic Container.

CubeUI

Costruito su Vue.js, CubeUI è un fantastico componente dell'interfaccia utente per creare app mobili. Composto da molti componenti come Button, Popup, TimePicker, Slide e Checkbox. Ogni componente è dotato di un TestUnit che garantisce un'integrazione continua e anche minimizzando bug su ciascun componente.

Aria

L'aria è il tema iniziale di WordPress minimale. Estendendo gli _s, Air aggiunge alcuni componenti aggiuntivi come Diapositive, barra di navigazione appiccicosa e pronto per WooCommerce.

EmptyStates

EmptyStates è un raccolta di pagine di stato vuote sul Web e app mobili per ispirazione. La pagina di stato vuota è il tipo di pagina che viene spesso trascurata.

Design a scelta rapida

Questo sito Web fornisce a raccolta di scorciatoie per applicazioni populari e strumenti utilizzati da sviluppatori e designer. Qui troverai scorciatoie per Sketch, Photoshop, InDesign, Sublime Text, WordPress e molti altri in arrivo. Il lista al momento contiene solo scorciatoie per macOS, ma sarebbe bello vedere anche le scorciatoie di Windows.

uppy

Uppy è un Strutture JavaScript per costruire un'interfaccia di caricamento file. Con Uppy, puoi recuperare i file, non solo dall'unità locale, ma anche da un servizio di archiviazione esterno come Google Drive, Dropbox, Instagram e altri servizi. Suo leggero, modulare ed estensibile con plug-in personalizzati.

VuetifyJS

VuetifyJS è un'iniziativa di John Leider per costruisci il material design attorno a Vue.js. Google ha un'iniziativa simile con MDL o Material Design Lite, ma non sembra avere sufficiente trazione nella community e nel lo sviluppo sembra progredire molto lentamente negli ultimi due mesi. Quindi se stai cercando un'alternativa, VuetifyJS potrebbe essere la scelta giusta.

WP ULike

WP Ulike è un Plugin per WordPress da aggiungere “Piace” ai tuoi contenuti sia nel tipo di post WordPress incorporato, i tipi di post personalizzati, sia in bbPress e in BuddyPress. Inoltre è dotato di alcune altre funzioni interessanti Sistema di notifica, analisi e widget che lo rendono uno dei più avvincenti “Piace” sistema per il tuo sito WordPress.

Vee Validate

Vee Validate è una libreria JavaScript per aggiungi il campo di input con la convalida integrata. Supporta molti tipi di input come email, numero, date, URL, indirizzo IP, ecc.

Tabelle dati Vue

Un altro pratico plugin Vue.js. VueDataTables è un semplice plugin da compilare tabella personalizzabile e pagabile con Vue.js. Il plug-in è costruito con una scala in mente che può rendere enormi i dati sul tavolo in modo impeccabile. Viene anche spedito con alcuni componenti aggiuntivi per accendere il tuo tavolo come Paginazione, Casella di ricerca e Filtro.

googler

Googler è un CLI che ti consente di eseguire ricerche in Google attraverso le righe di comando. Simile all'interfaccia, recupererà anche il titolo, la descrizione, l'URL e l'impaginazione. È uno strumento utile per utenti esperti di macOS e Linux.

Bolt CMS

Bolt è CMS costruito con PHP. È veloce da configurare, utilizza Twig come motore di template, supporta pienamente PHP7, facile da personalizzare attraverso un semplice file YAML. Nel complesso sembra interessante per me; Trascorrerò sicuramente un po 'di tempo per esplorarlo ulteriormente quando ne avrò la possibilità.

telescrivente

Teletype è una nuova nuova iniziativa di Atom Editor. Questa nuova funzionalità ti consente di collaborare con i tuoi colleghi per scrivere il codice. Per usarlo, è necessario installare il plug-in Teletype ufficiale.

Plyr

Plyr (pronunciato come giocatore) è un libreria multimediale moderna con dimensioni di soli 10kb. Con questo sarai in grado di personalizzare il video e il player audio HTML, Youtube e Vimeo e un media streaming live. È in sviluppo attivo con più pianificato funzionalità da aggiungere, incluso il supporto per Wistia e Facebook embedded video.