Kotisivu » Web-suunnittelu » Tuoreet resurssit web-suunnittelijoille ja kehittäjille (helmikuu 2018)

    Tuoreet resurssit web-suunnittelijoille ja kehittäjille (helmikuu 2018)

    Olen katsonut tämän sarjan jo vuosia, ja olen nähnyt työkaluja, jotka tulevat ja menevät. pari uutta työkalua julkaistaan ​​lähes joka viikko. Viime viikkoina uskon kuitenkin, että se on hidastunut hieman, se kesti hieman tavallista kauemmin kaivaa alas Githubiin ja muihin lähteisiin löytääksesi uusia työkaluja jotka ovat ilmaisia, avoimen lähdekoodin ja kannattaa mainita tässä sarjassa.

    Tämän päivän postissa minulla on yhdistelmä työkaluja JavaScript-kehyksestä, testaustyökaluista ja muutamasta WordPress-sivustojen kehittämisestä. Tarkistetaan ne.

    kutt

    sovellus, joka lyhentää URL-osoitteita omalla verkkotunnuksellasi. Se on rakennettu nykyaikaisiin nippuihin, kuten Node.js, React ja Redux ominaisuudet, jotka sisältävät sisäänrakennetun salasanan URL-osoitteen, RESTful API, ja fancy yksityiskohtaiset tilastot seurata URL-osoitteita. Parasta on se ilmainen ja voit isännöidä sen omalle palvelimellesi.

    WordHat

    WordHat on a työkalu Behatin liittämiseen WordPressiin. Behat on avoimen lähdekoodin Behavior-Based Development (BDD) -kehys PHP: lle, jossa voit testata PHP-sovelluksenne ilmeisemmällä tavalla.

    Tämä työkalu on erittäin hyödyllinen, koska WordPress-teeman ja pluginin ominaisuudet ovat monimutkaisempia. WordHat ja Behat varmistavat, että teema tai plugin käyttäytyy odotetulla tavalla kun käyttäjä on vuorovaikutuksessa sen kanssa.

    WP-selain

    Samoin kuin WordHatissa, WP-selain on Codeceptionin laajennus suunniteltu erityisesti WordPress-sovelluksiin, teemoihin ja laajennuksiin. Yhteenveto on työkalu testaus sovelluksessasi, samanlainen kuin PHPUnit ja Behat, mutta se on yhdistetty enemmän. Siinä voit tehdä Selaimen testaus, BDD, Unit Integration Testing ja API-testaus.

    Solmu WP: n kansainvälistyminen

    Nimi puhuu itsestään. NodeJS-moduuli automatisoi paljon asioita kansainvälistääkseen teemasi tai laajennuksesi. Asenna moduuli ja tyyppi wpi18n makepot luoda POT-tiedosto pois WordPress-laajennusten tai teemojen kääntyvästä tekstistä.

    Kiitos

    Toinen NodeJS-moduuli, joka on hiljattain trendikäs Githubissa. “Kiitos” tahtoa luo luettelo avoimen lähdekoodin projektissa käytettyjen pakettien ylläpitäjistä ja linkitä se lahjoitukseensa tai OpenCollective-sivuunsa merkkinä siitä, että he ovat antaneet panoksensa yhteisölle.

    Luo Guten-lohko

    Gutenberg kuulee ja toimitetaan WordPress 5.0: n kanssa. Tämä on NPM-moduuli, joka tuottaa Gutenberg-lohkon kehityskanavan moderni pino, kuten React, Webpack, Babel ja Sass. Suorita vain komentorivi ,luoda-guten-lohko, ja olet kaikki asetettu.

    WP Vue

    WP Vue on a malli, joka on rakennettu Vue-ohjelmalla WordPress-viestien näyttämiseksi. Tämä malli on hyvä lähtökohta, jos haluat tehdä WordPress-sivustosi kannaton. Katso, miten se toimii demo-sivulla. Muuta minkä tahansa WordPress-sivuston URL-osoite WP-API-URL-osoitteesta; se palauttaa automaattisesti uudet kohdat URL-osoitteen URL-osoitteista.

    Ärsyke

    Basecampin uusi JavaScript-kehys. Toisin kuin React tai Vue, se ei pakota sinua kirjoittamaan koko sovellusta JavaScriptin avulla tai lisäämään synteettisiä ominaisuuksia.

    StimulusJS toimii tavallisessa HTML: ssä, jota tiesimme jo data- attribuutteja. Se ei myöskään vaadi monimutkaisia ​​rakennusasetuksia. Sinä pystyt yksinkertaisesti lisää verkkosivun komentosarja aivan kuten jQueryn kanssa ja se on se - aloita kirjoitus kirjoitus tehdä hakemuksesi elossa.

    Manta

    ilmainen sovellus laskujen luomiseen ja hallintaan. Voit lisätä merkinnän, asettaa valuutan, soveltaa alennusta, lisätä luettelon asiakkaista tai asiakkaista, lisää logo, suunnittele laskumalli ja lataa se PDF-muodossa. Se on käytettävissä MacOS-, Windows- ja Linux-käyttöjärjestelmissä. Jos olet freelancer, tämä voi olla laskutus, jota olet etsinyt freelancer-liiketoiminnan harjoittamiseen.

    Reagoi staattinen

    Kuten nimestä käy ilmi, tämä on työkalu, jonka avulla voit luo staattinen sivusto käyttäen Reactia. Se on yhdistetty kaikkiin valmiiksi konfiguroituihin työkaluihin, joten voit aloittaa Web-sivuston sisällön tuottamisen. Ja se on staattinen sivusto isännöi sivustoa jopa jaetussa hosting-tilassa, jossa on vähän resursseja.

    Piklist

    Piklist on kehitys WordPress että voit rakentaa monimutkaisen verkkosivuston asennuksen, jossa on vähemmän koodia. Siinä on joukko auttajatoimintoja ja koukkuja laajentaakseen lähes kaikki WordPressin osat, kuten Asetussivu, mukautetut kentät, admin-ilmoitukset, pikakoodi, widgetit, taksonomiat, käyttäjät, ja paljon muuta.

    Strapi

    sisällön agnositic CMS-kehys sisällön API: n rakentamiseksi. Sen avulla voit suunnitella oman sisällön rakenteen ja sovellusliittymän sekä tarjota kauniita hallintapaneeleja niiden hallintaan. Se ei kuitenkaan tarjoa sisäänrakennettua mallintamisjärjestelmää. Se tarjoaa sinulle mahdollisuuden valita mihin tahansa etusijakirjastoon kuten React tai Vue.

    ParcelJS

    ParcelJS on a paalain paljon kuin Webpack ja Browserify, paitsi että se syttyy nopeammin ja vaatii nollakokoonpanon. Se tukee yhteistä kehityspakettia HTML, JS, CSS ja muuntajille kuten PostCSS ja Babel out-of-the-xbox. Joten voit vain keskittyä koodiin sen sijaan, että tuhlaat aikaa kokoonpanossa.

    GoodShare

    JavaScript-kirjasto Näytä sosiaalisen median painike, jossa on muutaman sosiaalisen median osuus. Se tukee monia sosiaalisen median, myös sellaisia, joita et ole koskaan kuullut, kuten Vkontakte, Odnoklassniki, SurfingBird, myös muutamia messenging-alustoja, kuten Skype, WhatsApp ja LINE. GoodShare on saatavana myös Vue-komponenttina.

    CopyChar

    Sivusto, jonka avulla voit etsiä ja kopioida erikoismerkkejä leikepöydälle. Kirjeet, välimerkit, matematiikka, nuolet ja emoji ovat joitakin sivustossa olevia merkkejä. Yksinkertaisesti Napsauta tai napauta merkkiä, jos haluat kopioida merkin leikepöydälle.

    nerv

    Nerv on toinen reaktiivinen VirtualDOM-kirjasto; vaihtoehto ReactJS: lle. Se tuo mukanaan Reactin tutun syntaksin JSX: n, mutta siinä on muutamia merkittäviä eroja. Nerv tukee Internet Explorer 8: ta! ja se on vain kolmasosa React-koosta. Vielä, Nerv on yhteensopiva React-lisäosien tapahtumien monimutkaisimpien kanssa.

    HyperappJS

    Toinen JavaScript-kirjasto, joka kannattaa tutustua web-sovelluksen rakentamiseen. Se yhdistää valtionhallinnan Virtual DOM -moottorilla joka tukee avaimia ja elinkaaren tapahtumia, joissa ei ole riippuvuuksia.

    VulcanJS

    Vulcan on a pino työkaluja modernin web-sovelluksen rakentamiseen. Se on yhdistetty React, GraphQL ja Meteoriin. Koska se on täyden pinon kehys, joka tarjoaa laajan valikoiman auttajan komponentteja Hienosäädetty back-endiin ja etupäähän, kaikki on vain toimiva. Näin voit hakea sovelluksesi nopeasti ja nopeasti.

    Koa11y

    Windows-, macOS- ja Linux-työpöytäsovellukset, joilla tutkitaan verkkosivuston esteettömyysongelmia. Koa11y antaa ilmoituksia ja varoituksia siitä, onko sivustosi ristiriidassa esteettömyysstandardien kanssa.

    Tämän pitäisi olla työkalu kaikissa web-kehittäjien työkalupakissa. Yritä navigoida verkkosivuilla vain käyttämällä näppäimistöäsi päivän ajan, jotta ymmärrät, miten esteettömyys on tärkeää.

    TablePlus

    Todella kiva näköinen GUI-sovellus tietokannan hallintaan. TablePlus tukee monenlaisia ​​tietokantoja, kuten (tietysti) MySQL, SQLite, Redis, Postgres, MS SQL ja paljon muuta. TablePlus on käytettävissä MacOS- ja Windows-käyttöjärjestelmissä.