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

Juli är den månad som ger höjd på sommaren och så för den här månadens sats av färska resurser, har vi några heta nya verktyg från några väletablerade såväl som nybörjareutvecklare.

Listan har en ganska intressant mix av verktyg som sträcker sig från Sketch-biblioteket av WordPress-community som gör att du kan skapa WordPress-gränssnittets prototyp, en handfull av verktyg som utökar React.js och Vue.js, och ett par referenser för att nivåera upp dina utvecklingsförmåga. Låt oss kolla in dem.

WPRIG

Ett allt-i-ett-starts WordPress-tema skapat av Morten Rand-Hendriksenand är utrustad med a byggprocess förinställd med moderna verktyg som Gulp, Babel, ESLint och Visual Studio Code integration. Det hjälper dig att skapa ett bra WP-tema utan att behöva konfigurera de omgivande utvecklingsverktygen.

VueNative

En ram baserad på Vue.js för att bygga en plattforms mobilapplikation som låter dig skriva din kod med Vue.js-specifikationen. Verktyget kommer att kompilera det till React native och gör det magiska arbetet för dig bakom scenen med vue-native CLI. Om du redan är bekant med Vue.js kan det här vara en lämplig ram för att bygga en mobilapplikation.

SketchPress

Folk på 10:00 har just släppt SketchPress som är en Skissa mall för att snabbt skapa WordPress admin interface mockups och mönster. Den är förpackad med vanliga admin-användargränssnitt som Primär Knapp, Menyrad, Dashicons, Metabox, etc. SketchPress är ett bra kompanionsverktyg för WordPress-utvecklare för att justera plugin och teman Inställningar eller Alternativ-sida med WordPress admin-användargränssnitt.

Docz

Docz är a dokumentationsgenerator baserad på MDX som presenterades i den sista omgången av denna serie. Med det här verktyget kan du importera och inkludera en JSX-anpassad kompensation i mixen med Markdown-syntaxen, precis som att skriva ett JSX-dokument.

Animista

CSS Animation gör livet till liv. Men det är inte alltid lätt att komponera CSS Animation med tanke på webbläsarens prefix för kompatibilitet, parametrar och animeringstidsramen. Animasta gör det enklare genom att generera koden för dig. Du kan konfigurera animering i ett användarvänligt gränssnitt där du enkelt kan kopiera koden.

GridToFlex

Ett par exempel på gemensamt webblayout som byggdes med hjälp av det inbyggda CSS-nätet och använder Flexbox som en återgång till webbläsare som inte stöder det ännu. Kolla in vårt inlägg: Introduktion till CSS Grid Layout Module.

RatioBuddy

Ett bra verktyg till generera en låda med CSS med ett definierat förhållande, till exempel, 1: 1, 3: 4, etc. Verktyget kommer att generera koden i SCSS-format för att kopiera.

Hur GraphQL

GraphQL är ett alternativ till REST-datastrukturen och hur GraphQL är en omfattande resurs för att lära sig det. Det är mycket effektivare än REST eftersom det bara kommer att dra data som begärts, vilket minskar belastningsbeloppet och dataöverföringen.

Provhistorik

Ett enkelt WordPress-plugin för att visa aktivitetshistorik som gjorts i WordPress-instrumentpanelen. Den stöder WordPress-inbyggd aktivitet, t.ex. när en användare skapar inlägg och sidor, loggar in och aktiverar eller inaktiverar andra plugins. Det kan också spåra annan pluginsaktivitet inklusive avancerade anpassade fält (ACF) och användarväxling. Detta är ett bra plugin för att hålla reda på din webbplats intern aktivitet.

Transfer.sh

det är en Praktiskt verktyg för att dela filer via Shell-kommandot. Du kan ladda upp alla typer av filer för upp till 10 GB. Den stöder också filkryptering. Och nämnde jag att det är helt gratis?

FB Sonar

Ett verktyg för att felsöka mobilappar för iOS och Android. Appen är utrustad med några verktyg för a Praktisk felsökningsupplevelse till exempel en logvisare, interaktiv layoutinspektör och nätverksinspektör. Om det inte räcker kan du skapa ett plugin för att förlänga appen med den funktionalitet du behöver.

JSUI

Den här appen är förpackad med en massa verktyg för att ge ett bättre sätt att organisera dina projekt. Du kan skapa en grupp, skapa ett nytt projekt med hjälp av några populära projekt som React, Vue och Angular, installera ett projektberoende, kör en Node.js-server och mycket mer. En bra app för dem som hanterar dussin av projekt.

BrainMonkey

Ett PHP-testverktyg som är utformat med några specifika verktyg för WordPress. Det ger verktyg som tillåter falsk PHP-funktioner. Det ger också en uppsättning verktyg ut ur rutan för att hantera vissa WordPress-funktioner som add_action remove_action för att nämna några, som i allmänhet är knepig att testa.

Fraktal

Fractal har utformats för att vara ett centralt dokumentationsverktyg för utvecklare inom ett team för att hänvisa när det är nödvändigt att integrera en komponent i ett projekt. Det tillåter dig att Integrera kodbit, visa förhandsvisningar, dokumentation, anteckningar, etc. av varje komponent.

Ant Design Pro

“AntDesign” är en av de populära gränssnitt som bygger på React.js och det här är dess “Proffs” version utformad för företagsapplikation. Det innehåller flera ytterligare komponenter som inte finns i AntDesigns gemensamma paket som AvatarList, HeaderSearch och TagSelect.

Ramverket har också inbyggda utvecklingsverktyg som Build-verktyget, testpaketet och distributionen så att du kan arbeta med din kod direkt snarare än att slösa bort tid på arbetsflödes konfiguration.

LuminJS

En super liten JavaScript-bibliotek för att markera text på din webbplats. Det fungerar sömlöst med en komplex DOM-struktur och den är programmerbar genom att du kan ställa in hastighet, styling och animering.

Frågar

En praktisk NPM-paket för att bygga interaktiv CLI med Node.js. Den stöder grundläggande snabb, flera val, dynamisk prompten och många typer av inmatningar som ett lösenord, text, nummer och e-post mm.

Uppfattning

En cool WordPress plugin som skulle förbättra WordPress Media Library-sökning genom att klassificera bilder med hjälp av Google Cloud Vision API. Om du till exempel har laddat upp en “fågel” bild kan du söka på bilden med hjälp av sökordet “fågel” om sökordet ingår i bildnamnet, filnamnet eller metadata.

DevTube

En samling av videor, dras från Youtube, av flera utvecklarkonferenser som JSConf, Google TechTalk och O'Reilly. Nu få din popcorn och nivå upp dina Dev färdigheter.

Reactive.how

Reaktiv programmering är stigande; ett nytt paradigm i programmering, särskilt kring webben där dataströmmen är överflöd och kontinuerligt flyter varje millisekunder. Denna resurs är ett initiativ från Cèdric Soulas till lär dig principerna om reaktiv programmering.