Friska resurser för webbdesigners och utvecklare (februari 2018)

Efter att ha täckt denna serie i åratal har jag sett att verktyg kommer och går. en Ett par nya verktyg släpps nästan varje vecka. Men under de senaste veckorna tror jag att det blir långsammare, det tog mig lite längre tid än vanligt gräva ner till Github och andra källor för att hitta nya verktyg som är gratis, öppen källkod och värt att nämna på den här serien.

I dagens inlägg har jag en blandning av verktyg från en JavaScript-ram, testverktyg och några för att utveckla WordPress-webbplatser. Låt oss kolla in dem.

Kutt

En program som förkortar webbadresser med ditt eget domännamn. Det är byggt på toppmoderna staplar som Node.js, React och Redux med en handfull funktioner som är inbyggda, inklusive lösenordsskyddad URL, RESTful API, och vill ha detaljerad statistik för att övervaka dina webbadresser. Det bästa är att det är gratis och du kan vara värd det på din egen server.

WordHat

WordHat är en verktyg för att integrera Behat till WordPress. Behat är en öppen källkod för beteendestyrd utveckling (BDD) för PHP där du kan testa din PHP-applikation på ett mer expressivt sätt.

Du hittar det här verktyget extremt användbart eftersom ditt WordPress-tema och plugin blir mer komplicerat med funktioner. WordHat och Behat kommer att se till att ditt tema eller plugin beter sig som förväntat när användaren interagerar med den.

WP Browser

I likhet med WordHat är WP-Browser en förlängning av Codeception speciellt utformad för WordPress-applikationer, teman och plugins. Codeception är ett verktyg för att utföra testning på din ansökan, som liknar PHPUnit och Behat, men den är buntad med mer. I det kan du göra Browsertestning, BDD, Unit Integration Testing och API-testning.

Node WP Internationalization

Namnet talar för sig själv. Det är en NodeJS-modul som automatiserar massor av saker för att internationalisera dina teman eller plugins. Installera modulen och typ wpi18n makepot att generera POT-filen ur översättningsbar text i dina WordPress-plugins eller teman.

Tack

En annan NodeJS-modul som trender på Github nyligen. “Tack” kommer skapa en lista över underhållare av paket som används i ditt open source-projekt och länka den till sin donation eller OpenCollective-sida som ett tack för sitt bidrag till samhället.

Skapa Guten Block

Gutenberg hörs och skickas med WordPress 5.0. Detta är en NPM-modul för att generera en Gutenberg blockutvecklingspanna med modern stack som React, Webpack, Babel och Sass. Hantera bara kommandoraden ,skapa-guten-blocket, och du är helt upptagen.

WP Vue

WP Vue är a mall byggd med Vue för att visa WordPress-inlägg. Den här mallen är en bra utgångspunkt om du vill skapa din WordPress-webbplats huvudlös. Se hur det fungerar på demosidan. Ändra webbadressen för slutpunkten för WP-API-webbadressen från vilken WordPress-webbplats som helst; Det kommer automatiskt att repopulera inläggen med dem från den nya slutpunkten URL.

Stimulans

en nytt JavaScript-ramverk från Basecamp. Till skillnad från React eller Vue tvingas det inte att skriva hela applikationen med JavaScript eller lägga till syntetiska attribut.

StimulusJS fungerar i en vanlig HTML som vi redan visste med data- attribut. Det kräver inte heller en komplex byggkonfiguration. Du kan Lägg bara till skriptet på webbsidan precis som du gjorde med jQuery och det är det - börja skriva manuset gör din ansökan levande.

Manta

en gratis program för att skapa och hantera fakturor. Du kan lägga till en anteckning, ange en valuta, tillämpa rabatt, lägga till en lista över kunder eller kunder, lägg till din logotyp, utforma fakturamallen och ladda ner den i ett PDF-format. Den är tillgänglig för MacOS, Windows och Linux. Om du är en frilansare kan det vara den fakturering du letade efter för att driva din frilansningsverksamhet.

React Static

Som namnet antyder är detta ett verktyg som tillåter dig att generera en statisk plats med hjälp av React. Den levereras med alla verktyg som är konfigurerade, så att du kan komma igång med att producera innehåll för webben. Och du kan vara en statisk plats värd webbplatsen även i en delad hosting med låga resurser.

Piklist

Piklist är en utveckling WordPress som tillåter dig att bygga en komplex webbplats setup med WordPress med mindre kod. Den levereras med en uppsättning hjälparfunktioner och krokar för att förlänga nästan alla delar i WordPress, till exempel inställningssidan, anpassade fält, admin-meddelanden, kortnummer, widgets, taxonomier, användare, och mycket mer.

Strapi

en content agnositic CMS-ram för att bygga ett innehåll API. Det låter dig utforma din egen innehållsstruktur och API samt ger en vacker Admin-panel för att hantera dem. Det ger emellertid inte inbyggt templeringssystem. Det erbjuder dig att välja vilket front-end-bibliotek du vill ha till exempel React eller Vue.

ParcelJS

ParcelJS är en paketering ungefär som Webpack och Browserify, förutom att det blåsar snabbare och kräver nollkonfiguration. Det stöder gemensam utvecklingsbunt för HTML, JS, CSS och transformatorer som PostCSS och Babel out-of-the-xbox. Så, du kan bara fokusera på din kod istället för att slösa tid på konfigurationen.

GoodShare

Ett JavaScript-bibliotek till visa Social Media-knappen med andelstalet för några sociala medier. Den stöder många sociala medier, inklusive de som du aldrig hört talas om som Vkontakte, Odnoklassniki, SurfingBird, även några plattformar som Skype, WhatsApp och LINE. GoodShare finns också som en Vue-komponent.

CopyChar

En webbplats som tillåter dig att hitta och kopiera specialtecken till ditt urklipp. Brev, Punctuations, Math, Arrows och Emoji är några av de tecken som ingår på webbplatsen. Helt enkelt klicka eller peka på ett tecken för att kopiera tecknet till ditt urklipp.

nerv

Nerv är en annan reaktivt VirtualDOM-bibliotek; ett alternativ till ReactJS. Det ger den välbekanta syntaxen JSX of React men med några anmärkningsvärda skillnader. Nerv stöder Internet Explorer 8! och det är bara en tredjedel av React storlek. Fortfarande, Nerv är kompatibel med React-tilläggshändelser, de mest komplexa.

HyperappJS

Ett annat JavaScript-bibliotek som är värt att titta på för att bygga webbapplikationer. Det kombinerar statlig ledning med en virtuell DOM-motor som stöder nyckeluppdateringar och livscykelhändelser alla utan beroenden.

VulcanJS

Vulkan är en stapel verktyg för att bygga en modern webbapplikation. Den är buntad med React, GraphQL och Meteor förkonfigurerad. Eftersom det är en full stack-ram som ger en hel del hjälpromponenter som är finjusterad till back-end och front-end, allt fungerar bara utanpå-boxen. Således kan du få din app igång snabbt.

Koa11y

En stationär applikation för Windows, MacOS och Linux för att undersöka tillgänglighetsfrågor på webbplatsen. Koa11y kommer att meddela varningar och varningar om din webbplats bryter mot tillgänglighetsstandarder.

Detta borde vara ett verktyg i alla verktygsverktyg för webbutvecklare. Försök navigera webbplatser med att bara använda ditt tangentbord för en dag för att förstå hur tillgänglighet är viktig.

TablePlus

En riktig snygg GUI-applikation för att hantera databasen. TablePlus stöder en mängd olika databasmotorer inklusive (självklart) MySQL, SQLite, Redis, Postgres, MS SQL och mycket mer. TablePlus är tillgängligt för MacOS och Windows.