Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (juuli 2017)

    Uued ressursid veebidisaineritele ja arendajatele (juuli 2017)

    Aeg lendab ja oleme praegu 2017. aasta keskel. Selle kuu järelmaksuga on meil hulgaliselt suuri JavaScripti raamatukogusid ja mõned teised nagu plugin, mis lubab GraphQL-i WordPressis, töölaua rakendust CSV-andmete esitamiseks ja mõnda veebilehte raamistikud. Vaatame need välja.

    HeroPatterns

    Kogumik SVG-ga tehtud korduv muster mida saate oma veebisaidi taustana kasutada. Sait on varustatud mugava seadistusega kohandada mustri värvi ja läbipaistmatust saate lihtsalt kopeerida ja kleepida oma CSS-i lisada lisatava koodi.

    TestCafe

    TestCafe on end-to-end (e2e) testimisvahend mis võimaldab teil oma veebisaite ja veebirakendusi testida nii, nagu neid kasutavad reaalsed kasutajad. See automatiseerib testi tegemisel mitmeid asju, sealhulgas brauserite käivitamisel käivitage määratud testimisüksus, genereerige aruandeid, ekraanipildid ja kaardipilt vigade tõrkeotsinguks.

    SugarJS

    SugarJS on JavaScripti raamatukogu manipuleerida objektid, kihid ja kuupäevad ilusama ja loetavama süntaksiga. Raamatukogus on ka mõned kasulikud funktsioonid, .escapeHTML () mis seda teeb teisendada HTML-elemendid oma üksuse vormingusse.

    PRL

    Käepärane JavaScript-raamatukogu pöörake aega, numbrit ja tavalist stringi millisekunditeni. ms ('2 päeva'), näiteks konverteeritakse 172800000.

    pa11y

    Suurepärane abivahendite kogum parandada veebisaidi kättesaadavust ja veebirakendusi. pa11y koosneb CLI-st, et testida mis tahes veebilehti juurdepääsetavuse küsimustes, a Juhtpaneel kuvab vigade ja hoiatuste genereeritud aruanded, ja CLI, mis on spetsiaalselt loodud CI-tööriista jaoks nagu Codeship või Travis.

    Suled ikoonid

    A ikoonide kogumine kaasaegse vibe abil. Need ikoonid sobivad ideaalselt veebisaitidele ja rakendustele, mis on mõeldud mis tahes platvormidele (iOS, Windows või Ubuntu). Ikoonid tulevad sisse Nii SVG kui ka React ja Angular komponendid.

    Reageerige lennuga

    Reageerige mooduliga looge oma rakenduses animatsioonikoostis. Raamatukogu on inspireeritud põhimõttest „Sketch”, milles saate lisage kasutajaliidese komponendi interaktiivsus kiiresti ja lihtsalt.

    BounceJS

    Raamatukogu loo põrgatööga animatsioone. Animatsiooni toetab CSS3 ja mitu eelvalitud animatsiooni. JavaScripti teeki saate installida läbi npm, bower või lihtsalt kopeerige CSS animatsioon veebisaidil.

    Bojler

    Bojler on e-posti raamistik koos HTML-koodi kirjutamise suunistega mis annab kõige populaarsemate e-posti klientidele õigesti. Rohkem e-posti raamistikke leiate meie eelmisest postitusest.

    Devicon

    Kogumik programmeerimiskeelte ikoonid, projekteerimine ja arendustööriistad. Ikoonid on saadaval SVG- ja Font-vormingus. Mõned konkreetsed ikoonid, nagu näiteks Firefox, AWS ja HTML5, on varustatud ka nende üksikasjalike variantidega. Päris lahe õigus?

    Nüüd UI komplekt

    Bootstrap 4-l põhinev kollektsioonile reageeriv liides sisaldab 50 elementi ja 3 kohandatud malli. Lisaks HTML-versioonile on kasutajaliides saadaval ka PSD- ja Sketch-vormingutes.

    T-kerimine

    T-kerimine on a JavaScript-raamatukogu animatsiooni rakendamiseks kui element on vaatluspordis nähtav. See on varustatud käputäis valikute ja eelseadistatud animatsioonidega.

    Ory Editor

    ORY on veebis kaasaegne ja kättesaadavam veebiredaktor. ORY redaktor on ehitatud React ja Flux peal. See muudab redigeerimise lihtsaks, võimaldades kasutajatel sisu redigeerida ja tulemust kohe näha ilma eriliste süntaksite nagu HTML või Markdown teadmata.

    TadViewer

    TadViewer on mugav töölaua rakendus CSV vaatamiseks ja see töötab suurte andmete ja failide puhul. Rakendus on saadaval MacOS, Windows ja Linux.

    Smooth Scroll Polyfill

    Sujuv kerimine on osutunud meeldivamaks kasutaja kogemuseks. Nüüd pakutakse ja koostatakse ametlikult W3C-s. Praegu töötab see ainult Chrome'is, Firefoxis ja Opera's. Kasutage seda raamatukogu emuleerige sujuvat kerimisfunktsiooni Internet Exploreris ja Safaris.

    Ei, aitäh

    JavaScript-raamatukogu teadete kuvamiseks, Noty muudab Alart, Success, Error, Warning, Information või dialoogisõnumi esitamise lihtsaks. Seda saab kasutada koos animatsiooniraamatukoguga nagu mo.js ja bounce.js teavitamise slaidid sisse ja välja.

    HopScotch

    Hopscotch on Avatud lähtekoodiga projekt, mille on loonud LinkedIn. See on raamistik, mis aitab arendajatel toote-ekskursioone lisada. Vaadake demot, mis on mõeldud elava näite ja API jaoks.

    SurveyJS

    SurveyJS on veel üks fantastiline JavaScript-raamatukogu. Nagu nimigi ütleb, on see eesmärk on luua uuringu sisendeid. See sisaldab erinevaid sisenditüüpe, et täita uuringu vastuseid ja on ka üle kantud mitmetele populaarsetele JavaScript raamistikele sealhulgas AngularJS, VueJS ja React.

    WP GraphQL

    GraphQL on tõusuteel ja võib olla a tugev REND arhitektuuri asendaja mis volitab peaaegu kõiki veebi API-sid. See on plugin, mis võimaldab teil hankige oma WordPressi sisu GraphQL-iga. Siin on suurepärane viide sellele, kuidas REST ja GraphQL üksteisest erinevad.

    Monaco toimetaja

    Monaco toimetaja on see toimetaja volitab Visual Code Editorit. See on ehitatud Microsofti poolt ja toetab mitut keelt väljapoole kasti, kaasa arvatud HTML, CSS, LESS, CoffeeScript ja PHP. Intellisense, mis aitab teil koodi kiiremini kirjutada.