Početna » Web dizajn » Svježi resursi za web-dizajnere i razvojne programere (srpanj 2018.)

    Svježi resursi za web-dizajnere i razvojne programere (srpanj 2018.)

    Srpanj je mjesec koji donosi visinu ljeta, tako da za seriju svježih resursa ovog mjeseca imamo nekoliko novih alata od nekih dobro poznatih i početnika.

    Na popisu se nalazi prilično zanimljiva mješavina alata u rasponu od Sketch knjižnice od strane WordPress zajednice koja će vam omogućiti stvaranje prototipa WordPress sučelja, nekoliko alati koji proširuju React.js i Vue.js, i nekoliko referenci za poboljšanje vaših razvojnih vještina. Provjerimo ih.

    WPRIG

    Sve-u-jednom početna WordPress tema koju je stvorio Morten Rand-Hendriksenand opremljen je s graditi proces unaprijed pomoću modernih alata kao što su Gulp, Babel, ESLint i Visual Studio Code integracija. To će vam pomoći stvoriti veliku WP temu bez muke konfiguriranja okolnih razvojnih alata.

    VueNative

    Okvir koji se temelji na Vue.js za izgradnju mobilne aplikacije s više platformi koja vam omogućuje pisanje koda pomoću Vue.js specifikacije. Alat će kompajlirajte ga u izvorni React i učinite čarobni posao za vas iza scene s vue-nativni CLI. Ako ste već upoznati s Vue.js, to može biti prikladan okvir za izgradnju mobilne aplikacije.

    SketchPress

    Ljudi u 10up upravo su izdali SketchPress koji je Skica predložak za brzo stvaranje WordPress admin sučelje maketa i dizajna. To je pakiran sa zajedničkim admin sučelje kao što su primarni gumb, trake izbornika, Dashicons, Metabox, itd..

    Docz

    Docz je a Generator dokumentacije na temelju MDX-a koji je prikazan u posljednjem krugu ove serije. Ovaj alat omogućit će vam da uvezete i uključite JSX prilagođeni compenent u kombinaciju s Markdown sintaksom, baš kao i pisanje JSX dokumenta.

    Animista

    CSS Animation oživljava web. Međutim, nije uvijek lako sastaviti CSS Animation s obzirom na prefiks preglednika za kompatibilnost, parametre i vremenski okvir animacije. Animasta olakšava ove stvari generiranjem koda za vas. Možeš konfigurirajte animaciju u sučelju prilagođenom korisniku, odakle možete jednostavno kopirati kod.

    GridToFlex

    Nekoliko primjera uobičajenog web izgleda izgrađenog pomoću izvorne CSS Grid i Flexbox kao zamjenski preglednik koji ga još ne podržava. Pogledajte naš post: Uvod u CSS Grid Layout modul.

    RatioBuddy

    Lijep alat za to generirati okvir s CSS-om s definiranim omjerom, na primjer, 1: 1, 3: 4, itd. Alat će generirati kod u SCSS formatu za kopiranje.

    Kako GraphQL

    GraphQL je alternativa REST strukturi podataka i Kako to GraphQL je sveobuhvatan izvor za učenje. To je daleko učinkovitije od REST-a jer će samo povući podatke koji se traže smanjujući količinu opterećenja i prijenos podataka.

    Primjer povijesti

    Jednostavan WordPress plugin za prikaz povijesti aktivnosti u WordPress nadzornoj ploči. Podržava WordPress izvornu aktivnost kao što je kada korisnik kreira postove i stranice, prijavljuje se i aktivira ili deaktivira druge dodatke. Također može pratiti ostale aktivnosti dodataka uključujući napredna korisnička polja (ACF) i prebacivanje korisnika. Ovo je odličan dodatak za praćenje vaših internih aktivnosti na web-lokacijama.

    Transfer.sh

    to je zgodan program za dijeljenje datoteka putem naredbe Shell. Možete prenijeti bilo koju vrstu datoteke do 10 Gb. Ona također podržava šifriranje datoteka. I jesam li spomenuo da je to potpuno besplatno?

    FB Sonar

    Alat za otklanjanje pogrešaka za mobilne aplikacije za iOS i Android. Aplikacija je opremljena nekim alatima za praktično iskustvo uklanjanja pogrešaka kao što je preglednik dnevnika, interaktivni inspektor izgleda i mrežni inspektor. Ako to nije dovoljno, možete stvoriti dodatak za proširenje aplikacije pomoću funkcionalnosti koja vam je potrebna.

    JSUI

    Ova je aplikacija prepuna gomile alata za bolji način organiziranja projekata. Možeš stvorite grupu, generirajte novi projekt koristeći neke popularne projekte kao React, Vue i Angular, instalirajte ovisnost o projektu, pokrenite Node.js poslužitelj i još mnogo toga. Izvrstan app za one koji upravljaju desetak projekata.

    BrainMonkey

    PHP jedinica testiranje uslužni program dizajniran s nekim specifičnim alatima za WordPress. On pruža alate koji omogućuju ismijavati PHP funkcije. Ona također pruža skup alata iz kutije da se bave nekim WordPress funkcije kao što su ADD_ACTION remove_action da spomenemo samo neke, koje su općenito lukav testirati.

    Fraktalna

    Fraktal je dizajniran da bude središnji dokumentacijski alat za razvojne programere unutar tima koji treba uputiti kada je potrebno integrirati komponentu u projekt. To vam omogućuje integrirati isječak koda, prikazati preglede, dokumentaciju, bilješke, itd. svake komponente.

    Ant Design Pro

    “AntDesign” je jedan od popularnih UI okvira temeljen na React.js i to je njegov “profesionalac” verzija dizajnirana za poslovne aplikacije. Uključuje nekoliko dodatnih komponenti koje nisu u zajedničkom paketu AntDesign, kao što su AvatarList, HeaderSearch i TagSelect.

    Okvir također ima ugrađene razvojne alate kao što je alat Build, Test Suite i Deployment tako da možete raditi na svom kodu odmah umjesto da gubite vrijeme na konfiguraciji tijeka rada.

    LuminJS

    Super malen JavaScript biblioteka za isticanje teksta na vašoj web-lokaciji. Radi besprijekorno sa složenom DOM strukturom i može se programirati tako da možete postaviti brzinu, stil i animaciju.

    upiti

    Zgodan NPM paket za izgradnju interaktivnog CLI-ja pomoću Node.js. Ona podržava osnovne prompt, više izbora, dinamičan brz i mnoge vrste ulaza kao što su lozinka, tekst, broj i e-mail i sl.

    Percepcija

    Kul WordPress plugin koji bi poboljšati pretraživanje WordPress Media Library razvrstavanjem slika pomoću Google Cloud Vision API-ja. Na primjer, ako ste prenijeli a “ptica” sliku, možete pretraživati ​​sliku pomoću ključne riječi “ptica” je li ključna riječ uključena u naziv slike, naziv datoteke ili meta podatke.

    DevTube

    Zbirka videozapisi, izvučeni s Youtubea, nekoliko razvojnih konferencija kao što su JSConf, Google TechTalk i O'Reilly. Sada uzmite svoje kokice i poravnajte svoje Devove vještine.

    Reactive.how

    Reaktivno programiranje je u porastu; nova paradigma u programiranju, posebno oko weba gdje je tok podataka izobilje i kontinuirano teče svakih milisekundi. Ovaj je resurs inicijativa iz Cedric Soulasa naučiti vas principima reaktivan programiranje.