Verse bronnen voor webontwerpers en ontwikkelaars (februari 2018)

Nadat ik deze serie jaren heb behandeld, ben ik getuige geweest van gereedschappen die komen en gaan. EEN een paar nieuwe tools worden bijna elke week vrijgegeven. In de laatste paar weken denk ik echter dat het een beetje langzamer gaat, het kostte me iets langer dan normaal om ga op zoek naar Github en andere bronnen om nieuwe hulpmiddelen te vinden die gratis, open-source zijn en het vermelden waard zijn in deze serie.

In de post van vandaag heb ik een mix van hulpmiddelen uit een JavaScript-framework, testtools en een paar voor het ontwikkelen van WordPress-sites. Laten we ze eens bekijken.

Kutt

Een toepassing die URL's verkort met uw eigen domeinnaam. Het is gebouwd op moderne topstacks zoals Node.js, React en Redux met een handjevol ingebouwde functies inclusief wachtwoordbeveiligings-URL, RESTful API, en stel gedetailleerde statistieken op om uw URL's te bewaken. Het beste is dat het gratis is en dat je het op je eigen server kunt hosten.

WordHat

WordHat is a tool om Behat te integreren met WordPress. Behat is een open-source Gedragsgestuurde ontwikkeling (BDD) framework voor PHP, waar je je PHP-applicatie op een meer expressieve manier kunt testen.

Je zult deze tool erg handig vinden omdat je WordPress-thema en -plug-in ingewikkelder wordt met functies; WordHat en Behat zorgen ervoor dat uw thema of plug-in zich gedraagt ​​zoals verwacht wanneer de gebruiker ermee communiceert.

WP-browser

Vergelijkbaar met WordHat, WP-Browser is een uitbreiding van Codeception speciaal ontworpen voor WordPress-applicaties, thema's en plug-ins. Codeception is een hulpmiddel om uit te voeren testing op uw toepassing, vergelijkbaar met PHPUnit en Behat, maar het is gebundeld met meer. Daarin kun je het doen Browser testen, BDD, testen van eenheidintegratie en API testen.

Node WP Internationalization

De naam spreekt voor zich. Het is een NodeJS-module om veel dingen te automatiseren om uw thema's of plug-ins te internationaliseren. Installeer de module en typ wpi18n makepot om het POT-bestand te genereren uit de vertaalbare tekst in uw WordPress-plug-ins of thema's.

Bedankt

Een andere NodeJS-module die recent trending is op Github. “Bedankt” zullen een lijst genereren van beheerders van pakketten die worden gebruikt in uw open-sourceproject en koppel het aan hun donatie of OpenCollective-pagina als teken van dankbaarheid voor hun bijdrage aan de gemeenschap.

Maak een Guten Block

Gutenberg is hoor en zal worden verzonden met WordPress 5.0. Dit is een NPM-module voor het genereren van een boilerplate voor de ontwikkeling van Gutenberg-blokken met moderne stapel zoals React, Webpack, Babel en Sass. Voer gewoon de opdrachtregel uit ,create-Guten-block, en je bent er helemaal klaar voor.

WP Vue

WP Vue is een sjabloon gebouwd met Vue om WordPress-berichten weer te geven. Deze sjabloon is een goed startpunt als u uw WordPress-site wilt maken zonder hoofd. Zie hoe het werkt op de demopagina. Wijzig de URL van het eindpunt van de WP-API-URL van een WordPress-site; het voert de berichten automatisch opnieuw uit met de berichten uit de nieuwe eindpunt-URL.

prikkel

EEN nieuw JavaScript-framework van Basecamp. In tegenstelling tot React of Vue hoeft u niet uw hele applicatie met JavaScript te schrijven of synthetische attributen toe te voegen.

StimulusJS werkt in een eenvoudige HTML die we al kenden met de gegevens- attributen. Het vereist ook geen complexe build-configuratie. Jij kan voeg eenvoudig het script op de webpagina toe net zoals u deed met jQuery en dat is het - begin met het schrijven van het script, maak uw applicatie levend.

Manta

EEN gratis applicatie om facturen te maken en te beheren. U kunt een notitie toevoegen, een valuta instellen, korting toepassen, een lijst met klanten of klanten toevoegen, voeg uw logo toe, ontwerp de factuurtemplate en download deze in PDF-formaat. Het is beschikbaar voor macOS, Windows en Linux. Als u freelancer bent, kan dit de facturering zijn waarnaar u op zoek was om uw freelanceactiviteiten uit te voeren.

Reageer statisch

Zoals de naam al aangeeft, is dit een hulpmiddel waarmee u dit kunt doen genereer een statische site met React. Het wordt geleverd met alle vooraf geconfigureerde hulpprogramma's, zodat u aan de slag kunt met het produceren van inhoud voor internet. En als een statische site, kunt u host de site zelfs in een shared hosting met weinig middelen.

Piklist

Piklist is een ontwikkeling WordPress dat kunt u een complexe website-setup bouwen met WordPress met minder code. Het wordt geleverd met een aantal hulpfuncties en haken om bijna alle onderdelen in WordPress uit te breiden, zoals de pagina Instelling, aangepaste velden, beheerdersmededelingen, shortcode, widgets, taxonomieën, gebruikers, en veel meer.

Strapi

EEN content agnositic CMS framework om een ​​content API te bouwen. Hiermee kunt u uw eigen contentstructuur en de API ontwerpen en beschikt u over een mooi beheerdersdashboard om ze te beheren. Het biedt echter geen sjabloneringssysteem ingebouwd. Het biedt u de mogelijkheid om elke front-endbibliotheek van uw voorkeur te kiezen zoals React of Vue.

ParcelJS

ParcelJS is een bundler net zoals Webpack en Browserify, behalve dat het sneller vordert en geen configuratie vereist. Het ondersteunt gemeenschappelijke ontwikkelingsbundler voor HTML, JS, CSS en transformatoren zoals PostCSS en Babel out-of-the-xbox. U kunt zich dus concentreren op uw code in plaats van tijd te verspillen aan de configuratie.

GoodShare

Een JavaScript-bibliotheek voor toon de knop Social Media met het aantal delen voor een paar sociale media. Het ondersteunt vele sociale media waaronder die waarvan je nog nooit hebt gehoord zoals Vkontakte, Odnoklassniki, SurfingBird, ook een paar messenging-platform zoals Skype, WhatsApp en LINE. GoodShare is ook beschikbaar als een Vue-component.

CopyChar

Een website waarmee u dat kunt doen zoek en kopieer speciale tekens naar je klembord. Letters, Punctuaties, Wiskunde, Pijlen en Emoji zijn enkele karakters die op de site staan. eenvoudigweg klik of tik op een karakter om het personage naar je klembord te kopiëren.

Nerv

Nerv is een andere reactieve VirtualDOM-bibliotheek; een alternatief voor ReactJS. Het brengt de bekende syntaxis van JSX van React met enkele opvallende verschillen. Nerv ondersteunt Internet Explorer 8! en het is slechts een derde van de React-grootte. Nog steeds, Nerv is compatibel met React-add-ons, de meest complexe.

HyperappJS

Een andere JavaScript-bibliotheek die de moeite van het bekijken waard is om een ​​webtoepassing te bouwen. Het combineert overheidsbeheer met een virtuele DOM-motor die ondersteunde updates en levenscyclusgebeurtenissen ondersteunt, allemaal zonder afhankelijkheden.

VulcanJS

Vulcan is een stapel tools om een ​​moderne webapplicatie te bouwen. Het is gebundeld met React, GraphQL en Meteor vooraf geconfigureerd. Omdat het een volledig stack-framework is dat een heel scala aan helpercomponenten biedt afgestemd op de back-end en de front-end, alles is gewoon out-of-the-box. Zo kunt u uw app snel in gebruik nemen.

Koa11y

Een desktop-applicatie voor Windows, macOS en Linux om toegankelijkheidsproblemen op de website te onderzoeken. Koa11y zal mededelingen en waarschuwingen geven of uw website de toegankelijkheidsnormen schendt.

Dit zou een hulpmiddel moeten zijn in elke toolbox voor webontwikkelaars. Probeer websites te navigeren door een dag lang alleen je toetsenbord te gebruiken om te begrijpen hoe toegankelijkheid belangrijk is.

TablePlus

Een echt mooie GUI-applicatie om database te beheren. TablePlus ondersteunt een breed scala aan database-engine, waaronder (uiteraard) MySQL, SQLite, Redis, Postgres, MS SQL en nog veel meer. TablePlus is beschikbaar voor macOS en Windows.