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

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Birželio mėn.)

    Šioje naujoje išteklių dalyje sąraše yra įvairių išteklių. Be kai kurių kodais pagrįstos priemonės kaip ir naujos „JavaScript“ bibliotekos ir sistemos, mes taip pat įtraukėme keletą patogių GUI programos tikiu, kad tiek kūrėjai, tiek dizaineriai bus dėkingi.

    Pažvelkime išsamų sąrašą ir leiskite man žinoti, kuris iš jų yra jūsų mėgstamiausias komentarų skiltyje.

    Unikalus

    Įrankis rasti unikalių šriftų tai retai matoma kitur, „Unique“ yra naudinga kuriant logotipą arba tiesiog rasti tinkamą unikalų šriftų derinį jūsų dokumentui lengvai per kelis paspaudimus. Pasirinkę savo pageidavimus, galite atsisiųskite ir pavadinkite jį savo šriftu. Tai tikrai kietas!

    Duotonai

    Paprasta žiniatinklio programa bet kokią nuotrauką paversti duotones; monochromatinė nuotrauka, sudaryta iš dviejų kontrastingų spalvų. Galite įkelti savo nuotraukas arba pasirinkti nuotraukas, kurias įrankis pateikia, kad galėtumėte redaguoti ir atsisiųsti rezultatą. Geras įrankis, sukuriantis įspūdingą fono paveikslėlį jūsų svetainėse.

    MDX

    MDX yra specifikacija sujungia „Markdown“ ir „JSX“. Tai leidžia atlikti kai kuriuos beprotiškus dalykus, kurie niekada nebuvo padaryti, pvz., Importuoti „Markdown“ failus, naudoti „Markdown“ failą kaip atskirą komponentą įtraukti į kitus failus ir jame naudoti „React“ komponentą.

    „FontDrop“

    Patogus įrankis, rodantis išsamią informaciją apie šriftą. Tiesiog atsisakykite šrifto, jis, be kitų dalykų, parodys pavadinimą, stilių, versiją, autorių teisių informaciją, simbolius, palaikomą kalbą ir kt..

    DOM testavimo biblioteka

    „JavaScript“ biblioteka, skirta patikrinti DOM (dokumento objekto modelis). Galite tai naudoti rašykite testo vienetą savo interneto sąsajos komponentams, užtikrinti, kad UI veiktų kaip tikrasis naudotojas. Tai taip pat padeda išlaikyti UI funkcionalumą UI kodų atkūrimo metu.

    Savivartis

    Paprastas React komponentas iškelkite arba įrašykite išvestį į dešinę naršyklėje, o ne naršyklės konsolėje su console.log. Šį įrankį sukūrė Wes Bos, vienas iš populiariausių React dėstytojų.

    Etcher

    Naudinga programa mirksi OS vaizdai į įkrovos diską. Šis procesas buvo gana sudėtingas. Su Etcher, tai taip paprasta, kaip 1-2-3. Šis įrankis palaiko beveik visas pagrindines OS, įskaitant „Windows“, „Linux“ ir „MacOS“.

    Ni

    Alternatyvus geresnis būdas įdiegti NPM paketus, Ni gali įdiegti trūkstamas priklausomybes iš package.json failą, rodyti pasenusias priklausomybes, ir bendrą geresnę sąsają.

    Cuttlebelle

    Statinis „React.js“ generatorius, „Cuttlebelle“ suteikia didesnį išplėtimą taip, kaip galite išplėsti puslapio išdėstymą naudojant „React“ komponentus. Jei jau esate susipažinę su „React.js“, galite lengvai sukurti naują išdėstymą ir naudoti jį bet kuriame „Markdown“ faile.

    ImgBlur

    Paprastas „JavaScript“ komponentas, skirtas šiuolaikiniam vaizdui įkelti, „ImgBlur“ ateina su a CLI, kad būtų sukurtas neryškus vaizdas iš originalaus vaizdo. Neryškus vaizdas turi mažą dydį, kuris bus įkeltas prieš įkeldami originalą. Patikrinkite demonstraciją, kad pamatytumėte šį komponentą veikiant.

    Dinero.js

    „JavaScript“ biblioteka, skirta kurti, apskaičiuoti ir formatuoti pinigus, „Dinero.s“. palaiko visą tarptautinę valiutą. Biblioteką galite naudoti „Node.js“ aplinkoje, įkeliant ją į naršykles, naudojant „CommonJS“ arba „EcmaScript 6“.

    WiredJS

    „WiredJS“ pastatytas gimtoji “Žiniatinklio komponentai”. Tai unikalus vartotojo sąsajos biblioteka su išvaizda. Tai, kas gera iš šios bibliotekos, yra ta, kad elementai insultas sudaromi atsitiktinai, o tai reiškia, kad du elementai nebus tokie patys. Puiki biblioteka wireframes ar maketams kurti.

    Vuido

    Vuido yra lengvas darbalaukio programos su „Vue.js.“ Galite naudoti „Vue.js“ API ir daugelį jos priedų, pvz., „Vuex“ sukurti darbalaukio programą „Windows“, „Linux“ ir „MacOS“. Tai puiki alternatyva elektronui.

    Hibridai

    „JavaScript“ biblioteka, skirta sukurti pasirinktinį HTML elementą, naudojant vietinius žiniatinklio komponentus su draugiškesne API. Biblioteka pateikia paprastesnę API, panašią į Vue.js arba React.js API.

    Saber.js

    A statomas statybinis Vue.js generatorius. „Saber.js“ nepatenka į išgalvotas prekes, pvz., „Nuxt.js.“ Funkcijos ir konfigūracijos yra minimalios, todėl tai yra puiki alternatyva, jei norite tiesiog turėti statinę svetainę, kurią būtų lengva prižiūrėti.

    Vėjas

    Šiuolaikinis RSS ir „Podcast“ skaitytuvas, „Winds“ yra prieinamas „Windows“, „MacOSv“ ir „Linux“. Programa atrodo gražiai ir šiuolaikiškai su išgrynintu dėžės šešėliu, apvaliu kampu, nuolydžiais ir kas ne. Tai gera programa valdo jūsų svetainės prenumeratas, kad neatsiliktų nuo sparčiai besikeičiančios pramonės.

    Atsipalaidavęs

    Konverteris, kuris HTML arba Pug'ą pavers į PDF. Jūs galite sukurti a sudėtingas išdėstymas naudojant HTML, CSS, „JavaScript“ ir „Markdown“ užrašyti pagrindinį turinį. Be to, galite naudoti „JavaScript“ biblioteką, pvz., Chart.js, kad pridėtumėte diagramą ir MathJax, kad pridėtumėte matematikos formatavimą.

    Šrifto stiliaus atitikmuo

    Įrenginys, skirtas pasirinkti du „Google“ šriftus ir vietinį šriftą, įdiegtą kompiuteryje, panašiai. Tai patogus įrankis žiniatinklio programuotojui, kad būtų galima sušvelninti tą bjaurų FOUC (neatšaukiamo turinio blykstę), kai „Google“ šriftai dar nėra visiškai įkelti.

    PWA WP

    Iniciatyva PWA (Progressive Web Application) pareikšti į WordPress Core. Šio rašymo metu šis projektas yra pradiniame etape. Tai įdomus projektas, ypač jei dirbate pirmiausia „WordPress“ ekosistemoje.

    Blueprint.js

    Reaguojantis UI biblioteka, „Blueprint.js“ apima daugybę reguliarių, pavyzdžiui, mygtuką ir skirtukus, ir kitus UI komponentus, kurie paprastai reikalingi modernioms interneto programoms kurti Omnibar; a plaukiojančios paieškos laukelis panašus į „Spotlight“ arba „Alfred“ programą „MacOS“.