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

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

    Čas leti in zdaj smo sredi leta 2017. V mesečnem obroku imamo vrsto odličnih JavaScript knjižnic in nekaj drugih, kot je vtičnik, ki omogoča GraphQL v WordPressu, namizno aplikacijo za prikaz podatkov CSV in nekaj spletnih mest. okviri. Poglejmo jih.

    HeroPatterns

    Zbirka ponovljiv vzorec, izdelan s SVG ki jih lahko uporabite kot ozadje na svojem spletnem mestu. Stran je opremljena s priročno nastavitvijo prilagodite barvo in motnost vzorca in vam omogoča, da kodo preprosto kopirate in prilepite, da jo dodate v CSS.

    TestCafe

    TestCafe je orodje za testiranje od konca do konca (e2e) ki vam omogoča, da preizkusite svoje spletne strani in spletne aplikacije, kot da jih uporabljajo pravi uporabniki. To bo avtomatiziralo več stvari pri izvajanju testa, vključno z zagon brskalnikov, zaženete določeno testno enoto, ustvarite poročila, posnetkov zaslona in tudi sourcemap za lažje odpravljanje napak.

    SugarJS

    SugarJS je knjižnica JavaScript za manipulirajte predmete, matrike in datume z boljšo in bolj berljivo skladnjo. Knjižnica ima na voljo tudi nekaj funkcij, kot je npr, .escapeHTML () ki bo pretvoriti elemente HTML v obliko entitete.

    GOSPA

    Priročna knjižnica JavaScript za vklopite čas, število in redni niz v milisekundah. ms ("2 dni"), na primer bo pretvorjen v 172800000.

    pa11y

    Velika zbirka orodij za pomoč izboljšajte dostopnost na svojem spletnem mestu in spletnih aplikacij. pa11y vsebuje CLI za preizkušanje katere koli spletne strani za kakršna koli vprašanja dostopnosti, a Nadzorna plošča prikazuje ustvarjena poročila o napakah in opozorilih, in CLI, ki je posebej zasnovan za orodje CI, kot je Codeship ali Travis.

    Ikone iz perja

    A zbirka ikon s sodobno vibe. Te ikone so idealne za spletno mesto in aplikacije, zasnovane za vse platforme (iOS, Windows ali Ubuntu). Ikone pridejo SVG kot tudi v komponentah React in Angular.

    Reagirajte let

    Modul React to zgradite animacijo v svoji aplikaciji. Knjižnica je navdihnjena z načelom Skica, v katerem lahko dodajte interaktivnost komponenti uporabniškega vmesnika hitro in enostavno.

    BounceJS

    Knjižnica za ustvarite animacije z bounce efektom. Animacijo poganja CSS3 in številne prednastavljene animacije. Knjižnico JavaScript lahko namestite prek npm, bower ali preprosto kopirajte animacijo CSS na spletnem mestu.

    Bojler

    Bojler je email okvir s smernico za pisanje kode HTML ki se bo pravilno prikazala na najbolj priljubljenih e-poštnih odjemalcih. Več e-poštnih okvirov lahko najdete v naši prejšnji objavi.

    Devicon

    Zbirka ikone programskih jezikov, oblikovanje in razvojna orodja. Ikone so na voljo v formatu SVG in Font. Nekaj ​​posebnega Ikone, kot so Firefox, AWS in HTML5, dobite tudi s podrobnimi različicami. Precej kul desno?

    Zdaj UI Kit

    Zbirni odzivni vmesnik, ki temelji na zagonskem traku 4. To ima 50 elementov in 3 predloge po meri. Poleg različice HTML je uporabniški vmesnik na voljo tudi v formatih PSD in Sketch.

    T-Scroll

    T-Scroll je a JavaScript knjižnica za uporabo animacije ko je element viden v prikazovalniku. Opremljen je s peščico možnosti in prednastavljenimi animacijami.

    Ory Editor

    ORY je sodoben in bolj dostopen spletni urednik na spletu. Urednik je ORY zgrajena na vrhu React in Flux. Omogoča enostavno urejanje, saj uporabnikom omogoča urejanje vsebine in takojšen ogled rezultatov ne da bi morali poznati posebne skladnje, kot sta HTML ali Markdown.

    TadViewer

    TadViewer je priročen namizno aplikacijo za ogled CSV in deluje na velikih podatkih in datotekah. Aplikacija je na voljo v MacOS, Windows in Linux.

    Gladko drsenje Polyfill

    Smooth Scrolling se je izkazal za bolj prijazno uporabniško izkušnjo. Sedaj je predlagan in uradno oblikovan v W3C. Trenutno deluje samo v Chromu, Firefoxu in Operi. Uporabite to knjižnico za posnemali gladko drsenje v Internet Explorerju in Safariju.

    Ne hvala

    Knjižnica JavaScript za prikazovanje obvestil, Noty omogoča enostavno prikazovanje sporočila Alart, Success, Error, Warning, Information ali dialog. Uporabite ga lahko skupaj z knjižnico animacije, kot sta mo.js in bounce.js da obvestilo zdrsne noter in iz njega.

    HopScotch

    Hopscotch je odprtokodni projekt, ki ga je ustvaril LinkedIn. To je okvir, ki omogoča razvijalcem, da dodajo oglede izdelkov. Oglejte si predstavitev primera v živo in API-ja.

    SurveyJS

    SurveyJS je še ena odlična JavaScript knjižnica. Kot že ime pove, je namenjeni ustvarjanju vhodov za raziskave. Vsebuje različne vrste vnosov za izpolnitev odgovorov ankete in je bil prenesen tudi v več priljubljenih okvirov JavaScript vključno z AngularJS, VueJS in React.

    WP GraphQL

    GraphQL je v porastu in je lahko a močan kandidat za zamenjavo REST arhitekture ki upravlja skoraj vse spletne API-je. To je vtičnik, ki vam omogoča poiščite WordPress vsebino z GraphQL. Tukaj je odlična referenca, kako se REST in GraphQL med seboj razlikujeta.

    Monako urednik

    Urednik Monaka je urednik ureja Visual Code. Zgradil jo je Microsoft in podpira več jezikov iz škatle, vključno s HTML, CSS, LESS, CoffeeScript in PHP, skupaj z Intellisense, ki vam pomaga hitreje pisati kodo.