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

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

    Heinäkuu on kesäkuukausi, ja tämän kuukauden tuoreiden resurssien erässä meillä on joitakin kuumia uusia työkaluja joillakin vakiintuneilla ja aloittelijoilla..

    Luettelossa on melko mielenkiintoinen yhdistelmä työkaluja, jotka vaihtelevat Sketch-kirjastosta WordPress-yhteisössä, jonka avulla voit luoda WordPress-käyttöliittymän prototyypin, kourallisen työkalut, joilla laajennetaan React.js ja Vue.js, ja pari viittausta kehitystyön tasolle. Tarkistetaan ne.

    WPRIG

    Morten Rand-Hendriksenandin luoma all-in-one starter-WordPress-teema on varustettu a rakentaa prosessin esiasetusta nykyaikaisilla työkaluilla kuten Gulp, Babel, ESLint ja Visual Studio Code. Se auttaa luomaan suuren WP-teeman ilman, että ympäröivien kehitystyökalujen määrittäminen on vaivatonta.

    VueNative

    Vue.js-pohjaisella kehyksellä rakennetaan cross-platform-mobiilisovellus, jonka avulla voit kirjoittaa koodin Vue.js-määrityksellä. Työkalu tulee olemaan koota se reagoivaan luokkaan ja tee taika työtä sinulle taustan takana vue-natiivi CLI. Jos olet jo perehtynyt Vue.jsiin, tämä voi olla a sopiva kehys mobiilisovelluksen rakentamiseksi.

    SketchPress

    10-vuotiaat ihmiset ovat juuri julkaisseet SketchPressin, joka on a Piirrä malli, jolla voit nopeasti luoda WordPress-järjestelmän käyttöliittymän malleja ja malleja. Se on täynnä yleistä admin-käyttöliittymää kuten ensisijainen painike, valikkopalkki, Dashicons, Metabox jne. SketchPress on loistava kumppanityökalu WordPress-kehittäjille sovittamaan plugin- ja teema-asetukset tai Asetukset-sivun WordPress-järjestelmänvalvojan käyttöliittymään.

    Docz

    Docz on a MDX: ään perustuva dokumentointigeneraattori joka oli esillä tämän sarjan viimeisellä kierroksella. Tämän työkalun avulla voit tuoda ja sisällyttää JSX-mukautetun compenentin yhdistelmään Markdown-syntaksin kanssa, aivan kuten JSX-asiakirjan kirjoittaminen.

    Animista

    CSS-animaatio tuo webin elämään. CSS-animaatiota ei kuitenkaan aina ole helppoa laatia, kun otetaan huomioon selaimen etuliitteet yhteensopivuudesta, parametreista ja animaatioaikataulusta. Animasta tekee tästä tavarasta helpommin luomalla koodin sinulle. Sinä pystyt määritä animaatio käyttäjäystävällisessä käyttöliittymässä, josta voit yksinkertaisesti kopioida koodin.

    GridToFlex

    Muutama esimerkki tavallisesta web-ulkoasusta, joka on rakennettu käyttämällä alkuperäistä CSS-verkkoa, ja käytä Flexboxia selaimelle, joka ei tue sitä vielä. Tutustu virkaan: Johdatus CSS Grid Layout -moduuliin.

    RatioBuddy

    Mukava työkalu luo laatikko, jossa on CSS: llä määritelty suhde, esimerkiksi, 1: 1, 3: 4, jne. Työkalu luo koodin kopioitavaksi SCSS-muodossa.

    Miten GraphQL

    GraphQL on vaihtoehto REST-tietorakenteelle ja How to GraphQL on a kattava resurssi sen oppimiseen. Se on paljon tehokkaampi kuin REST, koska se vetää vain pyydetyt tiedot vähentäen kuormituksen ja tiedonsiirron määrää.

    Näytteen historia

    Yksinkertainen WordPress-laajennus näyttää WordPress-kojelautaan tehdyn toiminnan historiaa. Se tukee WordPressin natiivitoimintaa, kuten silloin, kun käyttäjä luo viestejä ja sivuja, kirjautuu sisään ja aktivoi tai poistaa käytöstä muita laajennuksia. Se voi myös seurata muita pluginien toimintaa mukaan lukien Advanced Custom Fields (ACF) ja Käyttäjän vaihtaminen. Tämä on loistava plugin, jolla voit seurata sivustojesi sisäistä toimintaa.

    Transfer.sh

    se on a kätevä apuohjelma tiedostojen jakamiseen Shell-komennon kautta. Voit ladata minkä tahansa tyyppisiä tiedostoja jopa 10 Gb: iin asti. Se tukee myös tiedostojen salausta. Ja mainitsin, että se on täysin ilmainen?

    FB Sonar

    Työkalu, jolla voit poistaa mobiilisovelluksia iOS: lle ja Androidille. Sovellus on varustettu joillakin työkaluilla a kätevä virheenkorjauskokemus kuten lokin katseluohjelma, vuorovaikutteinen ulkoasun tarkastaja ja verkkotarkastaja. Jos tämä ei riitä, voit luoda laajennuksen laajentaaksesi sovelluksen tarvitsemallesi toiminnolle.

    jsui

    Tämä sovellus on täynnä työkaluja, joiden avulla voit järjestää projekteja paremmin. Sinä pystyt luo ryhmä, luo uusi projekti käyttäen joitakin suosittuja projekteja kuten React, Vue ja Angular, asenna projektiriippuvuus, suorita Node.js-palvelin ja paljon muuta. Hyvä sovellus niille, jotka hallitsevat kymmeniä hankkeita.

    BrainMonkey

    PHP-yksikön testausapuohjelma, joka on suunniteltu joidenkin WordPress-työkalujen avulla. Se tarjoaa työkaluja, jotka sallivat pilkata PHP-toiminnot. Se tarjoaa myös joukon työkaluja pois laatikosta käsittelemään joitakin WordPress-toimintoja, kuten ADD_ACTION remove_action vain muutamia, jotka ovat yleisesti hankala Testata.

    fractal

    Fractal on suunniteltu olemaan keskeinen dokumentointityökalu tiimin kehittäjille viitaten siihen, kun komponentti on integroitava projektiin. Sen avulla voit integroi koodinpätkä, näyttää esikatselut, dokumentaatio, muistiinpanot, jne. jokaisesta komponentista.

    Ant Design Pro

    “AntDesign” on yksi suosituimmista React.js-järjestelmään perustuvista käyttöliittymäkehyksistä “ammattilainen” versio, joka on suunniteltu yrityssovellukseen. Se sisältää useita muita komponentteja, joita ei ole AntDesign-yhteispaketissa, kuten AvatarList, HeaderSearch ja TagSelect.

    Puitteissa on myös sisäänrakennetut kehitystyökalut, kuten Build-työkalu, Test Suite ja Deployment joten voit työskennellä koodissasi heti sen sijaan, että tuhlaat aikaa työnkulun kokoonpanossa.

    LuminJS

    Super pieni JavaScript-kirjasto korostaa tekstiä sivustossasi. Se toimii saumattomasti monimutkaisen DOM-rakenteen kanssa ja se on ohjelmoitavissa siten, että voit asettaa nopeuden, muotoilun ja animaation.

    kysyy

    Kätevä NPM-paketti interaktiivisen CLI: n rakentamiseen käyttäen Node.js: ää. Se tukee perustietoja, useita vaihtoehtoja, dynaamista nopeaa ja monentyyppistä syöttöä, kuten salasanaa, tekstiä, numeroa ja sähköpostia jne.

    havaintokyky

    Viileä WordPress-laajennus parantaa WordPress Media Library -hakua luokittelemalla kuvat Google Cloud Vision API: n avulla. Jos esimerkiksi olet ladannut a “lintu” voit etsiä kuvaa käyttämällä avainsanaa “lintu” onko avainsana mukana kuvan nimessä, tiedostonimessä tai metatiedoissa.

    DevTube

    Kokoelma videoita, jotka on vedetty Youtubesta, useista kehittäjäkonferensseista kuten JSConf, Google TechTalk ja O'Reilly. Hanki nyt popcornisi ja tasoita Dev-taitosi.

    Reactive.how

    Reaktiivinen ohjelmointi on kasvussa; uusi paradigma ohjelmoinnissa, erityisesti verkon ympärillä, jossa tietovirta on runsaasti ja joka virtaa jatkuvasti millisekunnin välein. Tämä resurssi on Cèdric Soulasin aloite opettaa sinulle periaatteet reagoiva ohjelmointi.