Friske ressourcer til webdesignere og udviklere (juli 2018)
Juli er den måned, der bringer højden af sommeren og så for denne måneds batch af friske ressourcer, har vi nogle gode nye værktøjer fra nogle veletablerede såvel som nybegyndere.
Listen har en ganske interessant blanding af værktøjer, der spænder fra Sketch Library af WordPress-fællesskabet, som giver dig mulighed for at oprette WordPress-interface prototype, en håndfuld af værktøjer, der udvider React.js og Vue.js, og et par referencer til at niveauere dine udviklingsfærdigheder. Lad os tjekke dem ud.
WPRIG
Et alt-i-et-start WordPress-tema skabt af Morten Rand-Hendriksenand er udstyret med a byggeproces forudindstillet ved hjælp af moderne værktøjer som Gulp, Babel, ESLint og Visual Studio Code integration. Det vil hjælpe dig med at skabe et godt WP-tema uden besværet med at konfigurere de omgivende udviklingsværktøjer.
VueNative
En ramme baseret på Vue.js til at opbygge en mobil platform på tværs af platformen, der giver dig mulighed for at skrive din kode med Vue.js-specifikationen. Værktøjet vil kompilere det til React native og gør det magiske arbejde for dig bag scenen med vue-native
CLI. Hvis du allerede er bekendt med Vue.js, kan det være en egnet ramme til at opbygge en mobil applikation.
SketchPress
Folkene på 10up har netop udgivet SketchPress som er en Skitse skabelon for hurtigt at skabe WordPress admin interface mockups og designs. Den er fyldt med almindelig admin-brugergrænseflade som den primære knap, menulinjen, dashicons, metabox osv. SketchPress er et godt kompanionsværktøj til WordPress-udviklere til at justere plugin og temaindstillinger eller Options-siden med WordPress admin-brugergrænsefladen.
Docz
Docz er en dokumentationsgenerator baseret på MDX som blev omtalt i sidste runde af denne serie. Dette værktøj giver dig mulighed for at importere og inkludere en JSX-tilpasset kompensation i mixen med Markdown-syntaks, ligesom at skrive et JSX-dokument.
Animista
CSS Animation bringer nettet til livs. Men det er ikke altid nemt at komponere CSS Animation i betragtning af browser præfikser for kompatibilitet, parametre og animation tidsrammen. Animasta gør disse ting lettere ved at generere koden for dig. Du kan konfigurere animation i en brugervenlig grænseflade, hvorfra du simpelthen kan kopiere koden.
GridToFlex
Et par eksempler på fælles weblayout bygget ved hjælp af det oprindelige CSS-net og bruge Flexbox som en tilbagesendelse til browser, der ikke understøtter det endnu. Tjek vores indlæg: Introduktion til CSS Grid Layout Module.
RatioBuddy
Et godt værktøj til generere en boks med CSS med et defineret forhold, for eksempel, 1: 1
, 3: 4
, etc. Værktøjet vil generere koden i SCSS-format for at kopiere.
Sådan GraphQL
GraphQL er et alternativ til REST datastruktur og Hvordan GraphQL er en omfattende ressource at lære det. Det er langt mere effektivt end REST, da det kun vil trække de ønskede data, hvilket reducerer mængden af belastning og dataoverførsel.
Eksempelhistorik
Et simpelt WordPress-plugin til at vise aktivitetshistorik udført i WordPress dashboard. Den understøtter WordPress-indfødt aktivitet, f.eks. Når en bruger opretter indlæg og sider, logger ind og aktiverer eller deaktiverer andre plugins. Det kan også spore andre plugins aktivitet herunder avancerede brugerdefinerede felter (ACF) og brugerskift. Dette er en god plugin for at holde styr på dine internets aktiviteter.
Transfer.sh
det er en Handy utility til at dele filer via Shell kommandoen. Du kan uploade enhver type fil i op til 10 Gb. Det understøtter også filkryptering. Og jeg nævner, at det er helt gratis?
FB Sonar
Et værktøj til at debug mobile apps til iOS og Android. Appen er udstyret med nogle værktøjer til a Praktisk fejlfinding erfaring f.eks. en logfremviser, interaktivt layoutinspektør og netværksinspektør. Hvis det ikke er nok, kan du oprette et plugin for at udvide appen med den funktionalitet, du har brug for.
jsui
Denne app er pakket med en masse værktøjer til at give en bedre måde at organisere dine projekter på. Du kan lav en gruppe, generer et nyt projekt ved hjælp af nogle populære projekter som React, Vue og Angular, installer en projektafhængighed, kør en Node.js-server og meget mere. En god app til dem, der administrerer snesevis af projekter.
BrainMonkey
En PHP-enhed testværktøj designet med nogle specifikke værktøjer til WordPress. Det giver værktøjer, der tillader det mock PHP funktioner. Det giver også et sæt værktøjer ud af boksen for at håndtere nogle WordPress funktioner som ADD_ACTION
remove_action
for at nævne nogle få, som generelt er tricky
at teste.
Fractal
Fractal er designet til at være et centralt dokumentationsværktøj for udviklere inden for et team for at henvise, når der er behov for at integrere en komponent i et projekt. Det giver dig mulighed for integrere kodestykke, vise forhåndsvisninger, dokumentation, noter, etc. af hver komponent.
Ant Design Pro
“AntDesign” er et af de populære brugergrænseflader baseret på React.js, og dette er dets “Pro” version designet til virksomhedens applikation. Den indeholder flere ekstra komponenter, der ikke er i AntDesign-fællespakken som AvatarList, HeaderSearch og TagSelect.
Rammen har også indbyggede udviklingsværktøjer som værktøjet Build, Test Suite og Deployment så du kan arbejde med din kode med det samme snarere end at spilde tid på arbejdsgangskonfigurationen.
LuminJS
En super lille JavaScript-bibliotek for at fremhæve tekst på din hjemmeside. Det virker problemfrit med en kompleks DOM-struktur, og den er programmerbar, fordi du kan indstille hastigheden, styling og animationen.
prompter
En praktisk NPM-pakke til at opbygge interaktive CLI ved hjælp af Node.js. Den understøtter grundlæggende prompt, flere valgmuligheder, dynamisk prompt og mange typer input som et kodeord, tekst, nummer og e-mail osv.
Opfattelse
Et koldt WordPress-plugin, der ville forbedre WordPress Media Library søgning ved at klassificere billeder ved hjælp af Google Cloud Vision API. For eksempel, hvis du har uploadet a “fugl” billede, kan du søge i billedet ved hjælp af søgeordet “fugl” uanset om søgeordet er inkluderet i billednavn, filnavn eller metadata.
DevTube
En samling af videoer, trukket fra Youtube, af flere udviklerkonferencer som JSConf, Google TechTalk og O'Reilly. Nu få din popcorn og niveau op din Dev færdigheder.
Reactive.how
Reaktiv programmering er stigende; et nyt paradigme i programmering især på nettet, hvor datastrømmen er overflod og løbende flyder hvert millisekunder. Denne ressource er et initiativ fra Cèdric Soulas til lære dig principperne om reaktiv programmering.