Friske ressurser for webdesignere og utviklere (juli 2018)
Juli er måneden som gir høyde for sommeren, og så for denne måneden er det flere friske ressurser, vi har noen varme nye verktøy fra noen veletablerte samt nybegynnere.
Listen har en ganske interessant blanding av verktøy som spenner fra Sketch bibliotek av WordPress-fellesskapet som vil tillate deg å lage WordPress-grensesnitt prototype, en håndfull av verktøy som strekker seg til React.js og Vue.js, og et par referanser til nivå opp dine utviklingsferdigheter. La oss sjekke dem ut.
WPRIG
Et alt-i-ett-start WordPress-tema laget av Morten Rand-Hendriksenand er utstyrt med a bygge prosess forhåndsinnstilling ved hjelp av moderne verktøy som Gulp, Babel, ESLint og Visual Studio Code integrasjon. Det vil hjelpe deg å lage et flott WP-tema uten å måtte konfigurere de omkringliggende utviklingsverktøyene.
VueNative
Et rammeverk basert på Vue.js for å bygge en mobilplattform på mobilplattform som lar deg skrive koden din med Vue.js-spesifikasjonen. Verktøyet vil kompilere det til React Native og gjør det magiske arbeidet for deg bak scenen med vue-innfødte CLI. Hvis du allerede er kjent med Vue.js, kan dette være en egnet rammeverk for å bygge en mobil applikasjon.
SketchPress
Folkene på 10up har nettopp sluppet SketchPress som er en Skisse mal for raskt å lage WordPress admin interface mockups og design. Den er fullpakket med vanlig admin-brukergrensesnitt som Primær knapp, menylinje, Dashicons, Metabox, etc. SketchPress er et flott følgesvennverktøy for WordPress-utviklere for å justere plugin- og temainnstillinger eller Options-siden med WordPress admin-brukergrensesnitt.
Docz
Docz er en dokumentasjonsgenerator basert på MDX som ble omtalt i siste runde av denne serien. Dette verktøyet lar deg importere og inkludere en JSX-tilpasset kompensasjon i mixen med Markdown-syntaks, akkurat som å skrive et JSX-dokument.
Animista
CSS Animation bringer nettet til livs. Det er imidlertid ikke alltid lett å komponere CSS-animasjon med tanke på nettleserprefiksene for kompatibilitet, parametere og animasjonstidsrammen. Animasta gjør disse tingene enklere ved å generere koden for deg. Du kan konfigurer animasjon i et brukervennlig grensesnitt der du bare kan kopiere koden.
GridToFlex
Et par eksempler på vanlig weboppsett bygget ved hjelp av det opprinnelige CSS-nettverket, og bruk Flexbox som tilbakebetaling for nettleseren som ikke støtter den ennå. Sjekk ut vårt innlegg: Introduksjon til CSS Grid Layout Module.
RatioBuddy
Et fint verktøy til generer en boks med CSS med et definert forhold, for eksempel, 1: 1, 3: 4, etc. Verktøyet vil generere koden i SCSS-format for å kopiere.
Slik GraphQL
GraphQL er et alternativ til REST datastruktur og Hvordan GraphQL er en omfattende ressurs for å lære det. Det er langt mer effektivt enn REST siden det bare vil trekke dataene som blir bedt om å redusere mengden last og dataoverføring.
Eksempelhistorikk
Et enkelt WordPress-plugin for å vise aktivitetshistorie gjort i WordPress dashboard. Den støtter WordPress-innfødt aktivitet, for eksempel når en bruker oppretter innlegg og sider, logger inn, og aktiverer eller deaktiverer andre plugins. Det kan også spore annen plugins aktivitet inkludert Advanced Custom Fields (ACF) og User Switching. Dette er et flott plugin for å holde oversikt over nettstedets interne aktivitet.
Transfer.sh
det er en Hendig verktøy for å dele filer gjennom Shell-kommandoen. Du kan laste opp alle typer filer for opptil 10 Gb. Den støtter også filkryptering. Og nevnte jeg at det er helt gratis?
FB Sonar
Et verktøy for å feilsøke mobilapper for iOS og Android. Appen er utstyrt med noen verktøy for a praktisk feilsøking opplevelse for eksempel en loggviser, interaktiv layoutinspektør og nettverksinspektør. Hvis det ikke er nok, kan du opprette et plugin for å utvide appen med funksjonaliteten du trenger.
JSUI
Denne appen er fullpakket med en masse verktøy for å gi en bedre måte å organisere prosjektene på. Du kan lag en gruppe, generer et nytt prosjekt ved hjelp av noen populære prosjekter som React, Vue og Angular, installer en prosjektavhengighet, kjør en Node.js-server og mye mer. En flott app for de som administrerer dusin av prosjekter.
BrainMonkey
En PHP-enhet testing verktøy designet med noen spesifikke verktøy for WordPress. Det gir verktøy som tillater det håne PHP-funksjoner. Det gir også et sett med verktøy ut av boksen for å håndtere noen WordPress-funksjoner som ADD_ACTION remove_action for å nevne noen, som er generelt vanskelig å teste.
Fractal
Fractal er designet for å være et sentralt dokumentasjonsverktøy for utviklere innenfor et team for å henvise når det er behov for å integrere en komponent i et prosjekt. Det tillater deg å integrere kodestykke, vise forhåndsvisninger, dokumentasjon, notater, etc. av hver komponent.
Ant Design Pro
“AntDesign” er et av de populære brukergrensesnittene basert på React.js, og dette er dets “Pro” versjon designet for bedriftsapplikasjon. Den inneholder flere tilleggskomponenter som ikke er i AntDesign-fellespakken som AvatarList, HeaderSearch og TagSelect.
Rammen har også Innebygde utviklingsverktøy som Build-verktøyet, Test Suite og Deployment slik at du kan jobbe med koden din med en gang i stedet for å kaste bort tid på arbeidsflytkonfigurasjonen.
LuminJS
En super liten JavaScript-bibliotek for å markere tekst på nettstedet ditt. Det fungerer sømløst med en komplisert DOM-struktur, og den er programmerbar fordi du kan angi hastighet, styling og animasjon.
Ledetekster
En hendig NPM-pakke for å bygge interaktive CLI ved hjelp av Node.js. Den støtter grunnleggende spørsmål, flere valg, dynamisk ledetekst og mange typer innspill som et passord, tekst, nummer og e-post osv.
Oppfatning
Et kult WordPress-plugin som ville forbedre WordPress Media Library-søk ved å klassifisere bilder ved hjelp av Google Cloud Vision API. For eksempel, hvis du har lastet opp en “fugl” bilde, kan du søke i bildet ved hjelp av søkeordet “fugl” om nøkkelordet er inkludert i bildenavnet, filnavnet eller metadataene.
DevTube
En samling av videoer, hentet fra Youtube, av flere utviklerkonferanser som JSConf, Google TechTalk og O'Reilly. Nå få popcorn og nivå opp dine Dev ferdigheter.
Reactive.how
Reaktiv programmering er på vei oppover; et nytt paradigme i programmering, spesielt rundt nettet, hvor datastrømmen er overflod og kontinuerlig strømmer hvert millisekunder. Denne ressursen er et initiativ fra Cèdric Soulas til lære deg prinsippene til reaktiv programmering.
