Hjemmeside » Webdesign » Friske ressourcer til webdesignere og udviklere (februar 2018)

    Friske ressourcer til webdesignere og udviklere (februar 2018)

    Efter at have dækket denne serie i årevis har jeg set, at værktøjerne kommer og går. EN Nogle nye værktøjer frigives næsten hver uge. Men i de sidste par uger tror jeg det bliver langsomt lidt, det tog mig lidt længere tid end normalt til grave ned til Github og andre kilder for at finde nye værktøjer der er gratis, open-source og værd at nævne på denne serie.

    I dagens indlæg har jeg en blanding af værktøjer fra en JavaScript-ramme, Testværktøjer og et par til at udvikle WordPress-websteder. Lad os tjekke dem ud.

    Kutt

    en applikation, der forkorter webadresser med dit eget domænenavn. Det er bygget på top moderne stakke som Node.js, React og Redux med en håndfuld af funktioner, der er indbygget, herunder adgangskodebeskyttet URL, RESTful API, og har lyst på detaljerede statistikker til at overvåge dine webadresser. Det bedste er det er gratis, og du kan være vært for det på din egen server.

    WordHat

    WordHat er en værktøj til at integrere Behat til WordPress. Behat er en open-source Behavior-driven Development (BDD) ramme for PHP, hvor du kan teste din PHP-applikation på en mere ekspressiv måde.

    Du finder dette værktøj yderst nyttigt, da dit WordPress-tema og plugin bliver mere kompliceret med funktioner; WordHat og Behat sikrer, at dit tema eller plugin opfører sig som forventet når brugeren interagerer med den.

    WP Browser

    I lighed med WordHat er WP-Browser en udvidelse af Codeception Specielt designet til WordPress applikationer, temaer og plugins. Codeception er et værktøj til at udføre test på din ansøgning, ligner PHPUnit og Behat, men det er bundtet med mere. I det kan du gøre Browser Testing, BDD, Unit Integration Testing og API test.

    Node WP Internationalisering

    Navnet taler for sig selv. Det er et NodeJS-modul, der automatiserer mange ting for at internationalisere dine temaer eller plugins. Installer modulet og skriv wpi18n makepot at generere POT-filen ud af den oversættelige tekst i dine WordPress-plugins eller temaer.

    Tak

    Et andet NodeJS-modul, der for nylig er på Github. “Tak” vilje generer en liste over brugere af pakker, der bruges i dit open source-projekt og link det til deres donation eller OpenCollective side som tegn på taknemmelighed for deres bidrag til samfundet.

    Opret Guten Block

    Gutenberg hører og bliver sendt med WordPress 5.0. Dette er en NPM modul til at generere en Gutenberg blok udvikling kedelplader med moderne stack som React, Webpack, Babel og Sass. Du skal blot køre kommandolinjen ,skabe-guten-blok, og du er helt klar.

    WP Vue

    WP Vue er en skabelon bygget med Vue for at vise WordPress-indlæg. Denne skabelon er et godt udgangspunkt, hvis du gerne vil lave dit WordPress-websted hovedløs. Se, hvordan det virker på demosiden. Skift URL for slutpunktet for WP-API-URL fra et hvilket som helst WordPress-websted; det vil automatisk genopbygge posterne med dem fra den nye endepunkt-URL.

    Stimulus

    EN Ny JavaScript-ramme fra Basecamp. I modsætning til React eller Vue tvinger det dig ikke til at skrive hele din applikation med JavaScript eller tilføje syntetiske attributter.

    StimulusJS virker i en almindelig HTML, som vi allerede vidste med data- egenskaber. Det kræver heller ikke en kompleks byggekonfiguration. Du kan Du skal blot tilføje scriptet på websiden ligesom du gjorde med jQuery og det er det - begynd at skrive scriptet gøre din ansøgning levende.

    Manta

    EN gratis ansøgning til oprettelse og styring af fakturaer. Du kan tilføje en note, indstille en valuta, anvende rabat, tilføje en liste over kunder eller kunder, Tilføj dit logo, design faktura skabelon, og download det i et PDF-format. Det er tilgængeligt for MacOS, Windows og Linux. Hvis du er freelancer, kan det være den fakturering, du har søgt at køre din freelanceringsvirksomhed.

    React Static

    Som navnet antyder, er dette et værktøj, der giver dig mulighed for generere et statisk site ved hjælp af React. Den leveres sammen med alle de værktøjer, der er forudkonfigureret, så du kan komme i gang med at producere indhold til internettet. Og det er et statisk sted, du kan værdsætter webstedet selv i en delt hosting med lave ressourcer.

    Piklist

    Piklist er en udvikling WordPress at giver dig mulighed for at opbygge et komplekst websted setup med WordPress med mindre kode. Den leveres med et sæt hjælperfunktioner og kroge til at udvide næsten alle dele i WordPress, som f.eks. Indstillingssiden, brugerdefinerede felter, admin notices, shortcode, widgets, taxonomies, users, og meget mere.

    Strapi

    EN indhold agnositiske CMS ramme til at opbygge et indhold API. Det giver dig mulighed for at designe din egen indholdsstruktur og API samt give et smukt Admin panel til at administrere dem. Men det giver ikke indbygget templating system. Det giver dig mulighed for at vælge et hvilket som helst front-end bibliotek af dine præferencer såsom React eller Vue.

    ParcelJS

    ParcelJS er en bundler meget ligesom Webpack og Browserify, bortset fra det er flammende hurtigere og kræver nul konfiguration. Det understøtter fælles udvikling bundler til HTML, JS, CSS og transformere som PostCSS og Babel out-of-the-xbox. Så du kan bare fokusere på din kode i stedet for at spilde tid på konfigurationen.

    GoodShare

    Et JavaScript-bibliotek til Vis Social Media-knappen med andelstællingen for et par sociale medier. Det understøtter mange sociale medier, herunder dem, som du aldrig har hørt om som Vkontakte, Odnoklassniki, SurfingBird, også et par messing-platforme som Skype, WhatsApp og LINE. GoodShare er også tilgængelig som en Vue komponent.

    CopyChar

    Et websted, der giver dig mulighed for find og kopi specialtegn til dit udklipsholder. Bogstaver, tegnsætninger, matematik, pile og emoji er nogle af de tegn, der er inkluderet på hjemmesiden. ganske enkelt klik eller tryk på et tegn for at kopiere tegnet til dit udklipsholder.

    Nerv

    Nerv er en anden reaktivt VirtualDOM bibliotek; et alternativ til ReactJS. Det bringer den velkendte syntaks JSX of React, men med få bemærkelsesværdige forskelle. Nerv understøtter Internet Explorer 8! og det er kun en tredjedel af reaktionsstørrelsen. stadig, Nerv er kompatibel med React add-ons eventhe mest komplekse.

    HyperappJS

    Et andet JavaScript-bibliotek, der er værd at se på at bygge webapplikation. Det kombinerer statsstyring med en virtuel DOM-motor der understøtter nøgleopdateringer og livscyklusbegivenheder alle uden afhængigheder.

    VulcanJS

    Vulcan er en Stabel af værktøjer til at opbygge en moderne webapplikation. Det er bundtet med React, GraphQL og Meteor pre-confifured. Da det er en fuld stack ramme, der giver en hel række hjælper komponenter, der er finjusteret til back-end og front-end, alt fungerer bare udenfor boksen. Således kan du få din app op og køre hurtigt.

    Koa11y

    Et desktop-program til Windows, MacOS og Linux til at undersøge tilgængelighedsproblemer på hjemmesiden. Koa11y vil give meddelelser og advarsler om dit websted overtræder tilgængelighedsstandarder.

    Dette skal være et værktøj i alle web-udvikler værktøjskasse. Prøv at navigere websteder ved blot at bruge dit tastatur til en dag for at forstå, hvordan tilgængelighed er vigtig.

    TablePlus

    En rigtig flot udseende GUI applikation til at administrere database. TablePlus understøtter en lang række databasemotorer, herunder (selvfølgelig) MySQL, SQLite, Redis, Postgres, MS SQL og meget mere. TablePlus er tilgængelig for macOS og Windows.