Tuoreet resurssit web-suunnittelijoille ja kehittäjille (helmikuu 2016)

Vuosi 2015 oli hyvä verkko: web-tekniikat ovat olleet on hyväksytty monissa muodoissa verkkosivuston tai verkkosovelluksen rakentamiseen. Monet mobiili- ja työpöytäsovellukset on nyt rakennettu käyttäen HTML-, CSS- ja JavaScript-sovelluksia. Tämä on mahdollista web-tekniikoiden ja kirjastojen, kuten React.js, Angular ja Node.js, siirrettävyyden vuoksi..

Joten tämän sarjan nykyisessä erässä olemme koonneet kourallisen JavaScript- ja CSS-kirjastoja.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

Tasainen liukusäädin

jQuery-käyttöliittymässä on yhteinen web-käyttöliittymä, johon kuuluu Slider - käyttöliittymä, jonka avulla käyttäjä voi valita joukon numeerisia arvoja. Tasainen liukusäädin on web-työkalu, joka tekee räätälöityjen käyttöliittymäsovellusten räätälöinnin, joka oli kerran erittäin pelottava tehtävä, nyt paljon helpompaa.

Utility Open -tyyppi

Utility Open -tyyppi on kokoelma pudottavia luokkia soveltaa kehittyneitä CSS: n typografisia ominaisuuksia tällaiset kirjasinlajit, pienet isot kirjaimet ja paljon muuta. Ne antavat pohjimmiltaan parhaan mahdollisen lukukokemuksen käyttäjillesi hienoissa yksityiskohdissa. Se hajoaa hienosti vanhemmissa, tuetuissa selaimissa.

ResponsifyJS

Yksi tunnetuimmista rajoituksista reagoi kuviin on se, että se yleensä skaalaa kuvan oikein, mutta tämä ohjaa kuvan tärkeimmän polttopisteen, kun se on pienennetty hyvin pienelle katseluympäristön koolle.

ResponsifyJS on kevyt JavaScript-kirjasto, jota voit käyttää aseta koordinaatit kuvan tarkennuksen säilyttämiseksi kun sitä muutetaan.

Lineaarinen

Lineaarinen on hallitsijaohjelma Macille. Voit käyttää viivainta mitata verkkosivuja, selvittää elementin koon avaamatta DevToolsia tai selvittää, onko jokin elementti täysin keskitetty. Sinulla voi olla useita viivoja ja kytke yksikkö PX: stä EM: iin.

StickyStack

StickyStack on jQuery-laajennus, jolla luodaan pinon vierityskokemus, kun paneeli saavuttaa näkymän yläreunan, se tarttuu sinne, kun taas vieritys vierittää seuraavan paneelin. Se on kevyt plugin, jossa on muutamia vaihtoehtoja, joilla voidaan määrittää sivusäiliö, pino-osa ja pinojen varjo. Tutustu demoon.

katsoja

katsoja on jQuery-plugin kuvavalaisimelle - hieno suosittu tapa suurentaa kuvia verkossa. Pluginissa on valtavat vaihtoehdot, joiden avulla voit muokkaa kaikkia lightboxiin liitäntä.

Lisäosassa on myös joukko sovellusliittymiä ja mukautettuja tapahtumia lightboxiin vastaus ja käyttäytyminen. Lisäksi se toimii Internet Explorer 8: ssa.

DeviceMock

DeviceMock on JavaScript-kirjasto, jonka avulla voit luo laitekehyksiä tai malleja kuten puhelin, tabletti ja työpöytä. Samoin kirjasto tarjoaa vaihtoehtoja kehyksen teeman värin, koon ja kehyksen suunnan asettamiseksi.

Se voi olla hyvä vaihtoehto esitellä web ja sovellus Photoshopin sijaan.

Clrs

Clrs on aloite määrittele oletusarvoiset web-värit entistä silmäystävällisemmäksi ja nykyaikaisemmaksi. Lisäksi se kannattaa joukkoa väriyhdistelmiä paremman käytettävyyden saavuttamiseksi. Voit käyttää näitä värejä NPM: n, Gem (Ruby) - ja Photoshop- ja Illustrator-värien avulla.

Colorify

Colorify on erittäin kevyt JavaScript-kirjasto (3kb minified) ote määräävät värit kuvasta paljon API: ta manipuloida värejä. Voit käyttää uutettua väriä paikkamerkkiä odottaessasi, että kuva latautuu kokonaan, luo kaltevuus tausta tai säädä naapuriliitäntä vastaamaan kuvan väriä.

BookBlock

BookBlock on jQuery-laajennus luo kirjanen, jossa on sivun kääntövaikutus. Se on kaunis vaihtoehto näyttää useita kuvia sivustossasi, varsinkin jos on järjestys tai virtaus, jota haluat esitellä.

Voit tarkistaa demon tästä saadaksesi käsityksen siitä, miten BookBlock toimii.