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

2015 m. Internetas buvo puikus: žiniatinklio technologijos buvo daugelio formų veiksniai yra ne tik svetainių ar interneto programų kūrimui. Dabar daugelis mobiliųjų ir darbalaukio programų yra sukurtos naudojant HTML, CSS ir JavaScript. Tai įmanoma dėl žiniatinklio technologijų ir bibliotekų, pvz., React.js, Angular ir Node.js, perkėlimo pobūdžio..

Taigi, šiandieninėje šios serijos įmokoje mes sudėjome keletą „JavaScript“ ir „CSS“ bibliotekų.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

Plokščias slankiklis

jQuery UI ateina su bendros žiniatinklio sąsajos rinkiniu, įskaitant Slider - UI, kuri leidžia vartotojui pasirinkti skaitmenines reikšmes. The Plokščias slankiklis yra žiniatinklio įrankis, kuris dabar leidžia daug lengviau pritaikyti „JQUery UI“ stilių, kuris kadaise buvo labai nelengvas uždavinys.

Naudingumas atviro tipo

Naudingumas atviro tipo yra „drop-in“ klasių rinkinys taikyti pažangias CSS tipografines funkcijas tokios šriftų ligatūros, mažos didžiosios raidės ir daug daugiau. Jie iš esmės suteikia geriausius įmanomus skaitymo patirties naudotojams puikių detalių. Ji seniai, nepalaikytose naršyklėse gražiai susilpnėja.

„ResponsifyJS“

Vienas iš žinomų apribojimų, reaguojančių į vaizdus, paprastai yra tinkamai matuojamas, tačiau tai nukreipia pagrindinį vaizdo židinio tašką, kai jis sumažinamas iki labai mažo peržiūros srities dydžio.

„ResponsifyJS“ yra lengva „JavaScript“ biblioteka, kurią galite naudoti nustatyti koordinates, kad išlaikytumėte vaizdo fokusavimą keičiant dydį.

Linijinis

Linijinis yra „Mac“ valdiklio programa. Liniuotę galite naudoti norėdami matuoti tinklalapius, išsiaiškinti elemento dydį neatidarę „DevTools“ arba išsiaiškinti, ar elementas yra visiškai centruotas. Galite turėti kelis valdiklius ir perjungti įrenginį iš PX į EM.

„StickyStack“

„StickyStack“ yra „jQuery“ įskiepis, kad sukurtumėte kamino slinkimo patirtį, kai skydelis pasiekia peržiūros srities viršūnę, jis ten pasilieka, o tolesnis slinkimas traukia kitą skydelį. Tai lengvas įskiepis su keliomis parinktimis, kaip sukonfigūruoti puslapio talpyklą, kamino sekciją ir dėžių šešėlį. Patikrinkite demonstraciją.

Žiūrovas

Žiūrovas yra jQuery įskiepis vaizdo švieslentei - išgalvotas populiarus būdas priartinti vaizdus internete. Įskiepis yra su didžiulėmis parinktimis, kurios leidžia jums tinkinti kiekvieną lengva dėžė sąsaja.

Įskiepis taip pat suteikia API ir individualių įvykių rinkinį visiškam valdymui lengva dėžė atsakas ir elgesys. Be to, jis veikia iki „Internet Explorer 8“.

„DeviceMock“

„DeviceMock“ yra „JavaScript“ biblioteka, kuri leidžia jums sukurti įrenginių rėmelius ar maketus pvz., telefonas, planšetinis kompiuteris ir darbalaukis. Taip pat biblioteka suteikia galimybę nustatyti rėmelio temos spalvą, dydį ir rėmelio orientaciją.

Gali būti gera alternatyva rodyti savo internetą ir programą vietoj „Photoshop“.

Clrs

Clrs yra iniciatyva iš naujo apibrėžti numatytąsias žiniatinklio spalvas į labiau akį draugišką, modernų spalvų toną. Be to, jis palaiko spalvų derinių rinkinį, kad būtų užtikrintas geresnis prieinamumas. Šias spalvas galite įdiegti per NPM, „Gem“ („Ruby“) ir „Photoshop“ ir „Illustrator“ spalvų spalvas.

Spalvoti

Spalvoti yra super lengvas „JavaScript“ biblioteka (3kb minified) išskirti dominuojančias spalvas iš nuotraukos su daug API, kad galėtumėte manipuliuoti spalvomis. Išgautą spalvą galite naudoti kaip vietos žymeklį, kol laukiate, kol vaizdas bus įkeltas visiškai, sukuriamas gradiento fonas arba koreguojama kaimyninė sąsaja, kad atitiktų vaizdo spalvą.

„BookBlock“

„BookBlock“ yra jQuery įskiepis sukurkite lankstinuką su puslapio apverčiamu efektu. Tai puiki alternatyva, kad jūsų svetainėje būtų rodomi keli vaizdai, ypač jei yra seka ar srautas, kurį norite parodyti.

Čia galite peržiūrėti demo, kad sužinotumėte, kaip veikia „BookBlock“.