Pagrindinis » Interneto svetainės dizainas » Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Liepos mėn.)

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Liepos mėn.)

    Laikas skrenda ir mes esame 2017 m. Viduryje. Šio mėnesio įmokoje turime daug puikių „JavaScript“ bibliotekų ir keletą kitų, pavyzdžiui, „plugin“, kad „GraphQL“ įgalintume „WordPress“, darbalaukio programą, skirtą pateikti CSV duomenis, ir keletą svetainių sistemas. Patikrinkime juos.

    HeroPatterns

    Kolekcija pasikartojantis modelis su SVG kuriuos galite naudoti kaip savo svetainės foną. Svetainėje yra patogus nustatymas tinkinti modelio spalvą ir neskaidrumą ir leidžia paprasčiausiai nukopijuoti ir įklijuoti kodą, kurį norite įtraukti į savo CSS.

    TestCafe

    TestCafe yra „end-to-end“ (e2e) testavimo įrankis tai leidžia jums išbandyti savo svetaines ir žiniatinklio programas taip, tarsi jis būtų naudojamas tikriems vartotojams. Atliekant testą ji automatizuos keletą dalykų, įskaitant pradedant naršykles, paleiskite nurodytą testo vienetą, generuokite ataskaitas, ekrano kopijos, taip pat „sourcemap“, kad būtų galima lengvai pašalinti klaidas.

    SugarJS

    SugarJS yra „JavaScript“ biblioteka manipuliuoti Objektai, Arrays ir Datos su gražesne ir lengviau skaitoma sintakse. Bibliotekoje taip pat yra keletas naudingumo funkcijų, .escapeHTML () kuri bus konvertuoti HTML elementus į savo subjektų formatą.

    VN

    Naudinga „JavaScript“ biblioteka pasukite laiką, skaičių ir įprastą eilutę iki milisekundžių. ms („2 dienos“), pavyzdžiui, bus konvertuojama į 172800000.

    pa11y

    Puikus įrankių rinkinys, skirtas padėti pagerinti savo svetainės prieinamumą ir žiniatinklio programos. pa11y susideda iš CLI, leidžiančio išbandyti bet kokius tinklalapius bet kokiems prieinamumo klausimams, a Prietaisų skydelis rodo sugeneruotas ataskaitas apie klaidas ir įspėjimus, ir CLI, specialiai sukurtas CI įrankiui, pvz., „Codeship“ arba „Travis“.

    Plunksnų piktogramos

    A piktogramų rinkinys su šiuolaikine atmosfera. Šios piktogramos puikiai tinka svetainėms ir programoms, pritaikytoms bet kuriai platformai (iOS, Windows ar Ubuntu). Įjungtos piktogramos SVG, taip pat React ir kampiniai komponentai.

    React Flight

    React modulis kurti savo paraiškoje animacinę kompoziciją. Biblioteką įkvėpė principas „eskizas“, kuriame galite pridėti interaktyvumą į UI komponentą greitai ir lengvai.

    BounceJS

    Biblioteka sukurti animacijas su atšokimo efektu. Animaciją palaiko CSS3 ir daugelis iš anksto nustatytų animacijų. „JavaScript“ biblioteką galite įdiegti per npm, bower arba tiesiog nukopijuokite CSS animaciją sukurta svetainėje.

    Bojler

    Bojler yra el. pašto sistema su HTML kodo rašymo gairėmis kad bus tinkamai rodomi populiariausiuose el. pašto klientuose. Daugiau el. Pašto sistemų galite rasti mūsų ankstesniame pranešime.

    Devicon

    Kolekcija programavimo kalbų piktogramos, projektavimo ir kūrimo įrankiai. Piktogramos galimos SVG ir „Font“ formatu. Kai kurie dalykai piktogramos, tokios kaip „Firefox“, „AWS“ ir „HTML5“, taip pat pateikiamos su detaliais variantais. Gana kietas?

    Dabar UI rinkinys

    Kolekcija reaguoja sąsaja, pagrįsta „Bootstrap 4.“ yra 50 elementų ir 3 pasirinktiniai šablonai. Be HTML versijos, UI taip pat yra PSD ir Sketch formatuose.

    T-slinkimas

    T-Scroll yra a „JavaScript“ biblioteka animacijai taikyti kai elementas matomas peržiūros srityje. Jame yra keletas galimybių ir iš anksto nustatytos animacijos.

    „Ory“ redaktorius

    ORY yra modernus ir prieinamesnis žiniatinklio redaktorius. ORY redaktorius yra pastatytas ant „React“ ir „Flux“. Tai leidžia redaguoti lengvai, leidžiant vartotojams redaguoti turinį ir iškart matyti rezultatą nereikia žinoti specialių sintaksų, tokių kaip HTML arba „Markdown“.

    TadViewer

    TadViewer yra patogus darbalaukio programa, skirta peržiūrėti CSV ir jis veikia dideliais duomenimis ir failais. Programa prieinama „MacOS“, „Windows“ ir „Linux“.

    Smooth Scroll Polyfill

    Sklandus slinkimas pasirodė esąs patrauklesnis naudotojui. Dabar jis yra oficialiai pasiūlytas ir parengtas W3C. Šiuo metu ji veikia tik „Chrome“, „Firefox“ ir „Opera“. Naudokite šią biblioteką imituoti sklandų slinkties elgesį „Internet Explorer“ ir „Safari“.

    Noty

    „JavaScript“ biblioteka pranešimams rodyti, „Noty“ leidžia lengvai parodyti „Alart“, „Success“, „Error“, „Warning“, „Information“ arba dialogo pranešimą. Jis gali būti naudojamas kartu su animacine biblioteka, pvz., Mo.js ir bounce.js kad pranešimas būtų skaidrus ir grubus.

    HopScotch

    Hopscotch yra atviro kodo projektą, kurį pristatė „LinkedIn“. Tai sistema, leidžianti kūrėjams lengvai pridėti gaminių turus. Peržiūrėkite gyvo pavyzdžio ir API demonstraciją.

    SurveyJS

    „SurveyJS“ yra dar viena nuostabi „JavaScript“ biblioteka. Kaip rodo pavadinimas, tai yra skirtas sukurti apklausos duomenis. Jame yra įvairių įvesties tipų, kad būtų galima užpildyti apklausos atsakymus ir taip pat buvo perkelta į keletą populiarių „JavaScript“ sistemų įskaitant AngularJS, VueJS ir React.

    WP GraphQL

    „GraphQL“ auga ir gali būti a stiprus varžovas pakeisti REST architektūrą kuri įgalina beveik visas žiniatinklio API. Tai papildinys, kuris leis jums atkurti „WordPress“ turinį su „GraphQL“. Čia rasite puikią nuorodą, kaip REST ir GraphQL skiriasi viena nuo kitos.

    Monako redaktorius

    Monako redaktorius yra redaktorius įgalina vizualinio kodo redaktorių. Ją sukuria „Microsoft“ ir palaiko kelias kalbas iš dėžutės, įskaitant HTML, CSS, LESS, CoffeeScript ir PHP kartu su „Intellisense“, kuri padeda greičiau rašyti kodą.