Resurse proaspete pentru web designeri și dezvoltatori (februarie 2018)

După ce am acoperit această serie de ani de zile, am fost martorii instrumentelor care vin și s-au dus. A câteva instrumente noi sunt lansate aproape în fiecare săptămână. Cu toate acestea, în ultimele săptămâni cred că se încetinește puțin, mi-a trecut puțin mai mult decât de obicei săpați la Github și alte surse pentru a găsi noi instrumente care sunt gratuite, open-source și merită menționate în această serie.

În postul de astăzi am un mix de instrumente dintr-un cadru JavaScript, Instrumente de testare și câteva pentru dezvoltarea site-urilor WordPress. Să le verificăm.

Kutt

Un aplicație care scurtează adresele URL cu propriul nume de domeniu. Este construit pe stive moderne de top cum ar fi Node.js, React și Redux cu o mână de caracteristici care sunt încorporate, incluzând URL-ul protejat prin parolă, API RESTful, și statistici detaliate detaliate pentru a monitoriza adresele URL. Cel mai bun lucru este că este gratuit și îl poți găzdui pe propriul server.

WordHat

WordHat este a instrument pentru a integra Behat în WordPress. Behat este un framework open-source de dezvoltare bazat pe comportament (BDD) pentru PHP unde puteți testa aplicația dvs. PHP într-un mod mai expresiv.

Veți găsi acest instrument extrem de util ca tema dvs. WordPress și plugin devine mai complicat cu caracteristici; WordHat și Behat vă vor asigura că tema sau pluginul se comportă conform așteptărilor când utilizatorul interacționează cu acesta.

WP Browser

Similar cu WordHat, WP-Browser este o extindere a Codeception proiectat special pentru aplicațiile, temele și pluginurile WordPress. Codeception este un instrument de realizat testarea pe aplicația dvs., similară cu PHPUnit și Behat, dar este asociată cu mai multe. În acest sens, puteți face Testarea browserului, BDD, Testarea integrării unităților și testarea API.

Nod WP Internaționalizare

Numele vorbește de la sine. Acesta este un modul NodeJS care automatizează multe lucruri pentru a vă internaționaliza temele sau pluginurile. Instalați modulul și tastați wpi18n makepot pentru a genera fișierul POT din textul tradus în pluginurile sau temele WordPress.

Mulțumiri

Un alt modul NodeJS, care are tendință recentă pe Github. “Mulțumiri” voi generați o listă de întreținere a pachetelor utilizate pentru proiectul open-source și conectați-o la pagina lor de donare sau OpenCollective ca semn de recunoștință a contribuției lor la comunitate.

Creați Guten Block

Gutenberg este auzit și va fi expediat cu WordPress 5.0. Aceasta este o Modulul NPM pentru a genera o placă de dezvoltare a blocului Gutenberg cu stivă modernă, cum ar fi React, Webpack, Babel și Sass. Pur și simplu rulați linia de comandă ,crea-guten-bloc, și sunteți toți pregătiți.

WP Vue

WP Vue este a șablon construit cu Vue pentru afișarea posturilor WordPress. Acest șablon este un excelent punct de plecare dacă doriți să vă faceți site-ul WordPress acefal. Vedeți cum funcționează în pagina demo. Schimbați URL-ul punctului final al adresei WP-API de pe orice site WordPress; acesta va repopula automat postările cu cele de la noul URL al punctului final.

Stimul

A noul cadru JavaScript de la Basecamp. Spre deosebire de React sau Vue, nu vă obligă să scrieți întreaga aplicație cu JavaScript sau să adăugați atribute sintetice.

StimulusJS funcționează într-un HTML simplu pe care deja l-am cunoscut date- atribute. De asemenea, nu necesită o configurație complexă de construire. Poti pur și simplu adăugați scriptul pe pagina web exact așa cum ați făcut cu jQuery și asta este - începeți să scrieți script-ul face aplicația dvs. în viață.

Manta

A aplicație gratuită pentru crearea și gestionarea facturilor. Puteți să adăugați o notă, să setați o monedă, să aplicați o reducere, să adăugați o listă de clienți sau clienți, adăugați logo-ul dvs., proiectați șablonul de factură și descărcați-l într-un format PDF. Este disponibil pentru MacOS, Windows și Linux. Dacă sunteți un freelancer, aceasta ar putea fi facturarea pe care ați căutat-o ​​pentru a vă desfășura activitatea de freelancing.

React Static

După cum sugerează și numele, acesta este un instrument care vă permite generați un site static utilizând React. Acesta este livrat împreună cu toate instrumentele preconfigurate, astfel încât să puteți începe să produceți conținut pentru web. Și fiind un site static, poți gazdă site-ul chiar și într-o gazdă partajată cu resurse mici.

Piklist

Piklist este o dezvoltare WordPress care vă permite să construiți o configurație complexă a site-ului cu WordPress cu un cod mai mic. Acesta vine cu un set de funcții de ajutor și Hooks pentru a extinde aproape fiecare parte din WordPress, cum ar fi pagina Setare, câmpuri personalizate, anunțuri de administrator, cod scurt, widgeturi, taxonomii, utilizatori, si mult mai mult.

Strapi

A conținut CMS agnositic cadru pentru a construi un conținut API. Acesta vă permite să vă creați propria structură de conținut și API-ul, precum și un panou de administrare frumos pentru a le gestiona. Cu toate acestea, nu oferă sistem de template-uri încorporate. Aceasta vă oferă posibilitatea de a alege orice bibliotecă de primă clasă preferată cum ar fi React sau Vue.

ParcelJS

ParcelJS este a bundler la fel ca Webpack și Browserify, cu excepția faptului că este mai rapid și necesită configurare zero. Aceasta sprijină pachetul comun de dezvoltare pentru HTML, JS, CSS și transformatoare cum ar fi PostCSS și Babel out-of-the-xbox. Deci, poți să te concentrezi doar pe codul tău, în loc să pierzi timpul cu configurația.

GoodShare

O bibliotecă JavaScript pentru afișează butonul Social Media cu numărul de participări pentru câteva rețele sociale. Aceasta susține multe medii sociale, inclusiv cele pe care nu le-ați auzit niciodată de Vkontakte, Odnoklassniki, SurfingBird, de asemenea, o platformă de messenging ca Skype, WhatsApp și LINE. GoodShare este, de asemenea, disponibil ca o componentă Vue.

CopyChar

Un site web care vă permite găsiți și copiați caractere speciale în clipboard. Scrisori, Punctuații, Matematică, Săgeți și Emoji sunt unele dintre personajele incluse pe site. Pur şi simplu faceți clic sau atingeți un caracter pentru a copia caracterul în clipboard.

nerv

Nerv este altul Biblioteca VirtualDOM reactivă; o alternativă la ReactJS. Aceasta aduce sintaxa familiară JSX de reacție, dar cu puține diferențe notabile. Nerv suportă Internet Explorer 8! și este doar o treime din dimensiunea React. Încă, Nerv este compatibil cu add-on-urile React, cele mai complexe.

HyperappJS

O altă bibliotecă JavaScript care merită privită pentru a crea o aplicație web. Aceasta combină gestionarea statului cu un motor Virtual DOM care suportă actualizări cheie și evenimente de ciclu de viață, toate fără dependență.

VulcanJS

Vulcan este a stiva de instrumente pentru a construi o aplicație web modernă. Este cuplat cu React, GraphQL și Meteor pre-configurați. Deoarece este un cadru full-stack care oferă o gamă întreagă de componente de ajutor care sunt ajustate la partea din spate și la front-end, totul este doar de lucru în afara casetei. Astfel, puteți să vă lansați rapid aplicația.

Koa11y

O aplicație desktop pentru Windows, MacOS și Linux pentru a examina problemele de accesibilitate pe site. Koa11y va furniza notificări și avertismente dacă site-ul dvs. încalcă standardele de accesibilitate.

Acesta ar trebui să fie un instrument în fiecare casetă de instrumente pentru dezvoltatorii web. Încercați să navigați pe site-uri utilizând doar tastatura pentru o zi pentru a înțelege modul în care este importantă accesibilitatea.

TablePlus

Adevărat aplicație GUI cu aspect frumos pentru administrarea bazei de date. TablePlus suportă o mare varietate de motoare de baze de date, inclusiv (desigur) MySQL, SQLite, Redis, Postgres, MS SQL și mult mai mult. TablePlus este disponibil pentru MacOS și Windows.