Resurse proaspete pentru web designeri și dezvoltatori (decembrie 2017)

“Securitate CMS” câștigă multă atenție în aceste zile. Pe scurt, “headless CMS” nu se ocupă de front-end; numai CMS expune conținutul de obicei într-o formă de API RESTful în timp ce dezvoltatorii pot folosi orice preferă să facă conținutul. Cu popularitatea crescândă a acestei practici, se creează noi cadre pentru a crea și a funcționa rapid.

Deci, în această rundă în sus, am pus împreună câteva dintre aceste cadre împreună cu alte instrumente utile care merită verificate.

WP Starter fără cap

Aceasta este o temă WordPress starter, dar spre deosebire de celelalte, această temă starter leveriază WP-API pentru a obține conținutul și apoi a-l face într-un HTML static folosind Nodul și Reactul făcând site-ul tău “acefal”.

VueStoreFront

VueStoreFront este altul “Securitate CMS” cadru. Construit pe partea de sus a Vue.js și Node, VueStoreFront și este proiectat pentru platformele de e-Commerce cum ar fi Magento, Prestashop și Shopware prin intermediul API-urilor. Acesta include, de asemenea, abordarea PWA care permite site-ului să fie utilizabil deconectat.

GatsbyJS

Gatsby e a site-ul generator static construit cu React.js. Puteți utiliza CMS-urile cu API, cum ar fi WordPress, Markdown, JSON pentru a alimenta conținutul. În mod similar, utilizează unele tehnologii recente, cum ar fi Nod, PWA și React care permit încărcarea incredibil de rapidă.

DustPress

DustPress este a WordPress tema starter cu abordare de dezvoltare modernă. Folosind limbajul șablonului Dust.js, DustPress separă aspectul șablonului HTML de logica PHP, permițând dezvoltatorilor să producă un cod mult mai curat. De asemenea, face dezvoltarea mai rapidă, mai durabilă și conferă temei o structură organizată.

VSCode Icons

Codul Visual Studio a devenit rapid unul dintre cei mai populari editori de coduri. Este ușor, are o mulțime de pluginuri și acum are selecții de diferite pictograme. Dacă simțiți că pictograma implicită a codului Visual Studio este plictisitoare, comutați la oricare dintre aceste pictograme.

TailWindCSS

TailWindCSS este un alt cadru CSS. Dar aceasta diferă de cadrul CSS popular ca Bootstrap și Foundation într-un mod care nu oferă componente UI. In schimb, TailWindCSS vine cu mici bucăți de clase CSS care vă permite să vă compilați propriul UI.

Traefik

Experimentez cu Docker și mă întrebam cum să direcționez numele de domeniu la mai multe containere diferite pe o singură mașină. Apoi am găsit Traefik, a moderne proxy revers HTTP și balansoare de sarcină. În afară de Docker, acesta susține și alte servicii cum ar fi Kubernetes, Rancher și Amazon Elastic Container.

CubeUI

Construit pe partea de sus a Vue.js, CubeUI este a fantastic UI componentă pentru a construi aplicații mobile. Conținut cu o mulțime de componente, cum ar fi Buton, Popup, TimePicker, Slide și Checkbox. Fiecare componentă este confruntată cu un TestUnit care asigură integrarea continuă și de asemenea minimizarea erorilor pe fiecare componentă.

Aer

Air este o temă minimă WordPress de pornire. Extinderea funcției _s, Air adaugă unele componente suplimentare, cum ar fi Diapozitive, Sticky Navigation Bar și WooCommerce.

EmptyStates

EmptyStates este a colectarea de pagini de stare goale pe web și aplicații mobile pentru inspirație. Pagina de stare goală este tipul de pagină care este adesea ignorată.

Proiectare rapidă

Acest site web oferă o colectarea scurtăturilor de aplicații populare și instrumente utilizate de dezvoltatori și designeri. Aici veți găsi comenzi rapide pentru Sketch, Photoshop, InDesign, Sublime Text, WordPress și multe altele. lista conține în prezent numai comenzi rapide pentru MacOS, dar ar fi minunat să vezi și comenzile rapide Windows, de asemenea.

uppy

Uppy este a Cadre JavaScript pentru a construi o interfață de încărcare a fișierelor. Cu Uppy, puteți prelua fișiere, nu numai de pe unitatea locală, ci și de la un serviciu de stocare extern, cum ar fi Google Drive, Dropbox, Instagram și alte servicii. este ușor, modular și extinse cu pluginuri personalizate.

VuetifyJS

VuetifyJS este o inițiativă a lui John Leider către să construiască materialul în jurul valorii de Vue.js. Google are inițiativă similară cu MDL sau Material Design Lite, dar nu pare să obțină suficientă tracțiune în comunitate și în dezvoltarea pare să progreseze foarte lent în ultimele luni. Deci, dacă căutați o alternativă, VuetifyJS ar putea fi alegerea potrivită.

WP ULike

WP Ulike este a Pluginul WordPress pentru a adăuga “Ca” la conținutul dvs. fie în tipul de post încorporat WordPress, tipurile personalizate de posturi, și bbPress, precum și BuddyPress. De asemenea, vine cu alte caracteristici interesante, cum ar fi Sistem de notificare, Analytics și widgeturi ceea ce îl face una dintre cele mai convingătoare “Ca” sistem pentru site-ul dvs. WordPress.

Vee Validați

Vee Validate este o bibliotecă JavaScript pentru adăugați câmpul de intrare cu validarea încorporată. Acesta acceptă mai multe tipuri de intrări, cum ar fi e-mail, număr, date, adresă URL, adresa IP etc..

Vue Data Table

Un alt plugin Vue.js la îndemână. VueDataTables este un plugin simplu de construit tabelă personalizabilă și vizibilă cu Vue.js. Pluginul este construit cu o scală în minte încât poate face fără probleme datele masive de pe masă. De asemenea, este livrat cu unele componente suplimentare pentru alimentarea tabelului, cum ar fi Paginare, Căsuță de căutare și Filtru.

Googler

Googler este a CLI care vă permite să efectuați căutări pe Google prin liniile de comandă. Similar cu interfața, va prelua, de asemenea, titlul, descrierea, adresa URL și paginarea. Este un instrument la îndemână pentru utilizatorii de putere macOS și Linux.

Bolt CMS

Bolt este CMS construit cu PHP. Este rapid pentru a configura, utilizează Twig ca motor templating, sprijină pe deplin PHP7, ușor de personalizat printr-un simplu fișier YAML. În general mi se pare interesant; Cu siguranta voi petrece ceva timp pentru a explora mai mult atunci cand am o sansa.

teleimprimator

Teletype este o nouă inițiativă a editorului Atom. Această caracteristică nouă vă permite să colaborați cu colegii dvs. la scrierea codului. Pentru ao folosi, va trebui să instalați pluginul oficial Teletype.

Plyr

Plyr (pronunțat ca jucător) este a biblioteca media moderne cu doar 10kb în dimensiune. Cu aceasta veți putea personaliza playerul video și audio HTML, Youtube și Vimeo și un material media streaming live. Este în dezvoltare activă cu mai mult planificat caracteristici care urmează să fie adăugate, inclusiv suport pentru Wistia și Facebook video încorporat.