Domača » Oblikovanje spletnih strani » Sveži viri za spletne oblikovalce in razvijalce (julij 2018)

    Sveži viri za spletne oblikovalce in razvijalce (julij 2018)

    Julij je mesec, ki prinaša višino poletja, zato imamo za sveže vire za ta mesec nekaj vročih novih orodij nekaterih dobro uveljavljenih in razvijalcev začetnikov.

    Seznam ima precej zanimivo mešanico orodij, ki segajo od knjižnice Sketch skupnosti WordPress, kar vam bo omogočilo, da ustvarite prototip WordPress vmesnika, peščico orodja, ki razširjajo React.js in Vue.js, in nekaj referenc za izboljšanje vaših razvojnih sposobnosti. Poglejmo jih.

    WPRIG

    Vse-v-ena zagonska WordPress tema, ki jo je ustvaril Morten Rand-Hendriksenand, je opremljena z a graditi prednastavitev procesa s sodobnimi orodji kot Gulp, Babel, ESLint in Visual Studio Code integracija. To vam bo pomagalo ustvariti veliko temo WP brez težav pri konfiguriranju okoliških razvojnih orodij.

    VueNative

    Okvir, ki temelji na Vue.js za izdelavo mobilnih aplikacij, ki omogočajo pisanje kode z Vue.js specifikacijo. Orodje bo sestavite v React Native in naredite čarobno delo za vas za prizorom z vue-native CLI. Če že poznate Vue.js, je to lahko a ustrezen okvir za izgradnjo mobilne aplikacije.

    SketchPress

    Ljudje na 10up so pravkar izdali SketchPress, ki je Skica predlogo za hitro ustvarjanje WordPress admin vmesniških modelov in modelov. Je opremljen s skupnim uporabniškim vmesnikom admin kot primarni gumb, menijsko vrstico, Dashicons, Metabox, itd..

    Docz

    Docz je a generator dokumentacije na osnovi MDX ki je bila predstavljena v zadnjem krogu te serije. To orodje vam bo omogočilo uvoz in vključitev dodatka po meri JSX v mešanico s sintakso Markdown, tako kot pisanje dokumenta JSX.

    Animista

    Animacija CSS prinaša življenje v splet. Vendar pa ni vedno lahko sestaviti animacije CSS glede na predpone brskalnika za združljivost, parametre in časovni okvir animacije. Animasta olajša te stvari z ustvarjanjem kode za vas. Ti lahko konfigurirajte animacijo v uporabniku prijaznem vmesniku, kjer lahko preprosto kopirate kodo.

    GridToFlex

    Nekaj ​​primerov skupne spletne postavitve, zgrajene z uporabo domače CSS Grid in Flexbox kot nadomestno za brskalnik, ki ga še ne podpira. Oglejte si našo objavo: Uvod v CSS Grid Layout modul.

    RatioBuddy

    Lepo orodje ustvarite polje s CSS z določenim razmerjem, na primer, 1: 1, 3: 4, Orodje ustvari kodo v formatu SCSS za kopiranje.

    Kako GraphQL

    GraphQL je alternativa REST podatkovni strukturi in How to GraphQL je a izčrpen vir za učenje. Je veliko učinkovitejša od REST-a, saj bodo podatki zahtevali le zmanjšanje količine obremenitve in prenosa podatkov.

    Vzorčna zgodovina

    Preprost WordPress vtičnik, ki prikazuje zgodovino dejavnosti, ki se izvaja v nadzorni plošči WordPress. Podpira izvorno dejavnost WordPressa, na primer, ko uporabnik ustvari objave in strani, se prijavi in ​​aktivira ali deaktivira druge vtičnike. Lahko tudi sledite drugim dejavnostim pluginov vključno z naprednimi polji po meri (ACF) in preklapljanjem med uporabniki. To je odličen vtičnik za spremljanje notranjih dejavnosti vaših spletnih mest.

    Transfer.sh

    je priročen pripomoček za skupno rabo datotek prek ukaza Shell. Prenesete lahko katerokoli vrsto datoteke za do 10 Gb. Podpira tudi šifriranje datotek. In sem omenil, da je popolnoma svoboden?

    FB Sonar

    Orodje za odpravljanje napak v mobilnih aplikacijah za iOS in Android. Aplikacija je opremljena z nekaj orodji za priročna izkušnja odpravljanja napak kot so pregledovalnik dnevnikov, interaktivni pregledovalnik postavitve in omrežni inšpektor. Če to ni dovolj, lahko ustvarite vtičnik za razširitev aplikacije s potrebnimi funkcijami.

    JSUI

    Ta aplikacija je opremljena z vrsto orodij, ki omogočajo boljši način organiziranja vaših projektov. Ti lahko ustvarite skupino, ustvarite nov projekt z uporabo nekaterih priljubljenih projektov kot React, Vue in Angular, namestite odvisnost od projekta, zaženite strežnik Node.js in še veliko več. Odlična aplikacija za tiste, ki upravljajo ducat projektov.

    BrainMonkey

    Uslužni program za testiranje enote PHP je zasnovan z nekaj posebnimi orodji za WordPress. Zagotavlja orodja, ki omogočajo mock PHP funkcije. Prav tako ponuja nabor orodij iz škatle za obravnavo nekaterih WordPress funkcij, kot je add_action remove_action da navedemo nekaj, ki so na splošno težavno testirati.

    Fraktal

    Fraktal je bil zasnovan kot osrednje dokumentacijsko orodje za razvijalce v skupini, ki se mora sklicevati, ko je treba komponento vključiti v projekt. To vam omogoča vključi odrezek kode, prikaže predogled, dokumentacijo, opombe, itd. vsake komponente.

    Ant Design Pro

    “AntDesign” je eden od priljubljenih okvirov uporabniškega vmesnika, ki temelji na React.js in to je njegov “Pro” različica, namenjena uporabi v podjetju. Vključuje več dodatnih komponent, ki niso v skupnem paketu AntDesign, kot so AvatarList, HeaderSearch in TagSelect.

    Okvir ima tudi vgrajena orodja za razvoj, kot sta orodje za gradnjo, preizkusni paket in namestitev tako da lahko svojo kodo delate takoj, namesto da zapravljate čas za konfiguracijo delovnega toka.

    LuminJS

    Super majhen JavaScript knjižnica za označevanje besedila na vaši spletni strani. Deluje brezhibno s kompleksno strukturo DOM in je programabilna, tako da lahko nastavite hitrost, styling in animacijo.

    Pozivi

    Priročen Paket NPM za izgradnjo interaktivnega CLI z uporabo Node.js. Podpira osnovni poziv, več izbir, dinamičen poziv in številne vrste vnosov, kot so geslo, besedilo, številka in e-pošta itd.

    Percepcija

    Cool WordPress plugin, ki bi izboljšajte iskanje v WordPress Media Library s klasifikacijo slik s pomočjo API-ja Google Cloud Vision. Na primer, če ste prenesli a “ptica” sliko, lahko sliko poiščete s ključno besedo “ptica” ali je ključna beseda vključena v ime slike, ime datoteke ali meta podatke.

    DevTube

    Zbirka videoposnetkov, potegnjenih iz Youtube, več konferenc razvijalcev kot JSConf, Google TechTalk in O'Reilly. Zdaj dobite pokovko in poravnajte svoje sposobnosti Dev.

    Reactive.how

    Reaktivno programiranje je v porastu; nova paradigma pri programiranju, zlasti okoli spleta, kjer je tok podatkov obilen in nenehno teče vsako milisekundo. Ta vir je pobuda Cèdric Soulasa naučil vas je načel reaktivno programiranje.