Friske ressurser for webdesignere og utviklere (februar 2018)
Etter å ha vært å dekke denne serien i mange år har jeg sett verktøyene kommer og går. EN Noen nye verktøy utgis nesten hver uke. Men i de siste ukene tror jeg det blir noe bremset litt, det tok meg litt lenger tid enn vanlig til grave ned til Github og andre kilder for å finne nye verktøy som er gratis, åpen kildekode, og verdt å nevne på denne serien.
I dagens innlegg har jeg en blanding av verktøy fra et JavaScript-rammeverk, Testverktøy, og noen få for å utvikle WordPress-nettsteder. La oss sjekke dem ut.
Kutt
en Søknad som forkorter nettadresser med ditt eget domenenavn. Den er bygget på topp moderne stabler som Node.js, React og Redux med en håndfull funksjoner som er innebygd, inkludert passordbeskyttet nettadresse, RESTful API, og har detaljert statistikk for å overvåke nettadressene dine. Det beste er at det er gratis, og du kan være vert for det på din egen server.
WordHat
WordHat er en verktøy for å integrere Behat til WordPress. Behat er et open-source Behavior-driven Development (BDD) rammeverk for PHP hvor du kan teste PHP-applikasjonen på en mer ekspressiv måte.
Du finner dette verktøyet ekstremt nyttig som WordPress-temaet og plugin blir mer komplisert med funksjoner; WordHat og Behat vil sørge for at temaet ditt eller plugin oppfører seg som forventet når brukeren samhandler med den.
WP Nettleser
I likhet med WordHat er WP-Browser en utvidelse av Codeception spesielt designet for WordPress-applikasjoner, temaer og plugins. Codeception er et verktøy for å utføre testing på din søknad, ligner på PHPUnit og Behat, men det er kombinert med flere. I det kan du gjøre Browser Testing, BDD, Unit Integration Testing og API testing.
Node WP Internationalisering
Navnet snakker for seg selv. Det er en NodeJS-modul som automatiserer mange ting for å internasjonalisere temaene eller pluginene. Installer modulen og skriv inn wpi18n makepot
å generere POT-filen ut av oversetterbar tekst i WordPress-pluginene eller temaene dine.
Takk
En annen NodeJS-modul som trending på Github nylig. “Takk” vil generer en liste over vedlikeholdere av pakker som brukes på åpen kildekodeprosjekt og koble den til deres donasjon eller OpenCollective side som tegn på takknemlighet for sitt bidrag til samfunnet.
Opprett Guten Block
Gutenberg hører og blir sendt med WordPress 5.0. Dette er en NPM-modul for å generere en Gutenberg-blokk med moderne stabel som React, Webpack, Babel og Sass. Bare kjør kommandolinjen ,lag-guten-blokk
, og du er helt klar.
WP Vue
WP Vue er en mal bygget med Vue for å vise WordPress-innlegg. Denne malen er et flott utgangspunkt hvis du ønsker å lage ditt WordPress-nettsted hodeløse. Se hvordan det fungerer på demoversiden. Endre nettadressen til sluttpunktet til WP-API-nettadressen fra et hvilket som helst WordPress-nettsted; Det vil automatisk repopulere innleggene med de fra den nye endepunkt-nettadressen.
stimulus
EN nytt JavaScript-rammeverk fra Basecamp. I motsetning til React eller Vue, tvinger det deg ikke til å skrive hele applikasjonen med JavaScript eller legge til syntetiske attributter.
StimulusJS fungerer i en vanlig HTML som vi allerede visste med data-
egenskaper. Det krever heller ikke en kompleks byggekonfigurasjon. Du kan bare legg til skriptet på nettsiden akkurat som du gjorde med jQuery og det er det - begynn å skrive skriptet, gjør søknaden din levende.
Manta
EN gratis program for å opprette og administrere fakturaer. Du kan legge til et notat, angi en valuta, bruke rabatt, legge til en liste over kunder eller kunder, legg til logo, design faktura mal, og last ned den i et PDF-format. Den er tilgjengelig for MacOS, Windows og Linux. Hvis du er freelancer, kan dette være fakturaen du har latt etter å drive din freelancing-virksomhet.
React Static
Som navnet tilsier, er dette et verktøy som lar deg generere et statisk område ved hjelp av React. Den leveres med alle verktøyene som er forhåndskonfigurerte, slik at du kan komme i gang med å produsere innhold på nettet. Og å være et statisk sted, kan du vert stedet selv i en delt hosting med lave ressurser.
Piklist
Piklist er en utvikling WordPress som lar deg bygge et komplekst nettstedoppsett med WordPress med mindre kode. Den leveres med et sett med hjelperfunksjoner og kroker for å utvide nesten alle deler i WordPress, for eksempel Innstillingssiden, egendefinerte felt, admin notiser, shortcode, widgets, taksonomier, brukere, og mye mer.
Strapi
EN innhold agnositic CMS rammeverk for å bygge et innhold API. Det lar deg utforme din egen innholdsstruktur og API, samt gir et vakkert Admin-panel for å administrere dem. Imidlertid gir det ikke innlemmingssystem innebygd. Den gir deg mulighet til å velge hvilket som helst front-end-bibliotek av dine preferanser for eksempel React eller Vue.
ParcelJS
ParcelJS er en Bunter mye som Webpack og Browserify, bortsett fra at det er flammende raskere og krever null konfigurasjon. Den støtter felles utviklingspakker for HTML, JS, CSS og transformatorer slik som PostCSS og Babel out-of-the-xbox. Så, du kan bare fokusere på koden din i stedet for å kaste bort tid på konfigurasjonen.
GoodShare
Et JavaScript-bibliotek til vis sosiale medier-knappen med andelstellingen for noen sosiale medier. Den støtter mange sosiale medier, inkludert de som du aldri har hørt om som Vkontakte, Odnoklassniki, SurfingBird, også noen messingplattform som Skype, WhatsApp og LINE. GoodShare er også tilgjengelig som en Vue-komponent.
CopyChar
Et nettsted som lar deg finn og kopier spesialtegn til utklippstavlen din. Bokstaver, tegnsetting, matematikk, piler og emoji er noen av tegnene som er inkludert på nettstedet. Ganske enkelt klikk eller trykk på et tegn for å kopiere tegnet til utklippstavlen.
nerv
Nerv er en annen reaktivt VirtualDOM bibliotek; et alternativ til ReactJS. Den bringer den kjente syntaksen JSX of React, men med få bemerkelsesverdige forskjeller. Nerv støtter Internet Explorer 8! og det er bare en tredjedel av reaksjonsstørrelsen. Fortsatt, Nerv er kompatibel med React add-ons eventhe mest komplekse.
HyperappJS
Et annet JavaScript-bibliotek som er verdt å se på å bygge webapplikasjon. Den kombinerer statlig ledelse med en virtuell DOM-motor som støtter nøkkeloppdateringer og livssyklusarrangementer alle uten avhengighet.
VulcanJS
Vulcan er en Stabel med verktøy for å bygge et moderne webprogram. Den er kombinert med React, GraphQL og Meteor pre-confifured. Siden det er en full-stack ramme som gir en hel rekke hjelpekomponenter som er finjustert til back-end og front-end, alt fungerer bare ute i boksen. Dermed kan du få appen din oppe og løpe raskt.
Koa11y
Et skrivebordsprogram for Windows, MacOS og Linux for å undersøke tilgjengelighetsproblemer på nettstedet. Koa11y vil gi varsler og advarsler om nettstedet ditt bryter med tilgjengelighetsstandardene.
Dette bør være et verktøy i alle verktøylinjer for webutviklere. Prøv å navigere nettsteder med bare å bruke tastaturet for en dag for å forstå hvordan tilgjengeligheten er viktig.
TablePlus
En virkelig Fint GUI-program for å administrere databasen. TablePlus støtter et bredt utvalg av databasemotorer, inkludert (selvfølgelig) MySQL, SQLite, Redis, Postgres, MS SQL og mye mer. TablePlus er tilgjengelig for macOS og Windows.