Sveži viri za spletne oblikovalce in razvijalce (februar 2016)

Leto 2015 je bilo odlično za splet: spletne tehnologije so bile sprejeti v številnih oblikah za izgradnjo spletne strani ali spletne aplikacije. Veliko mobilnih in namiznih aplikacij je zdaj izdelanih z uporabo HTML, CSS in JavaScript. To omogoča prenosljivost spletnih tehnologij in knjižnic, kot so React.js, Angular in Node.js.

Torej smo v današnjem delu te serije sestavili nekaj knjižnic JavaScript in CSS.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Ravni drsnik

Uporabniški vmesnik jQuery ima zbirko skupnega spletnega vmesnika, vključno z drsnikom - uporabniškim vmesnikom, ki uporabniku omogoča izbiro vrste številskih vrednosti. The Ravni drsnik je spletno orodje, ki omogoča prilagoditev sloga vmesnika jQUery, ki je bil nekoč zelo zastrašujoča naloga, zdaj veliko lažje..

Utility Open-type

Utility Open-type je zbirka razredov, v katerih je uporabite napredne tipografske funkcije CSS pisave, majhne velike črke in še veliko več. V bistvu dajejo uporabnikom najboljše možne izkušnje pri branju. Pri starejših, nepodprtih brskalnikih se dobro razgradi.

ResponsifyJS

Ena od znanih omejitev, ki se odzivno odzivajo, je, da ponavadi pravilno prilagodi sliko, vendar to preusmeri glavno točko slike, ko je pomanjšana na zelo majhno velikost zaslona..

ResponsifyJS je lahka knjižnica JavaScript, ki jo lahko uporabite nastavite koordinate, da ohranite ostrino slike med njegovo spremembo velikosti.

Linearna

Linearna je aplikacija za ravnilo za Mac. Za merjenje spletnih strani lahko uporabite ravnilo, ugotovite velikost elementa, ne da bi morali odpreti DevTools ali ugotoviti, ali je element popolnoma centriran. Imate lahko več ravnil in enoto preklopite z PX na EM.

StickyStack

StickyStack je vtičnik jQuery za ustvarjanje izkušenj z drsenjem skladov, ko plošča doseže vrh okna, se zadrži tam, medtem ko nadaljnje pomikanje povleče navzgor do naslednje plošče. Je lahek vtičnik z nekaj možnostmi za konfiguriranje vsebnika strani, oddelka za stack, kot tudi za senčno polje skladov. Oglejte si demo.

Pregledovalnik

Pregledovalnik je jQuery plugin za sliko lightbox - fancy priljubljen način za povečavo slik na spletu. Vtičnik ima veliko možnosti, ki vam omogočajo prilagodite vsak košček lahka škatla vmesnik.

Vtičnik ponuja tudi niz API-jev in Dogodke po meri za popoln nadzor nad lahka škatla odziv in vedenje. Še več, deluje do Internet Explorerja 8.

DeviceMock

DeviceMock je knjižnica JavaScript, ki vam omogoča ustvarjanje okvirjev naprav ali modelov kot so telefon, tablični računalnik in namizje. Prav tako knjižnica nudi možnosti za nastavitev barve teme okvirja, velikosti in orientacije okvirja.

Morda je dobra alternativa za predstavitev vašega spleta in aplikacije namesto uporabe Photoshopa.

Clrs

Clrs je pobuda za ponovno definirajte privzete barve spleta v bolj prijazen, sodoben barvni ton. Poleg tega se zavzema za niz barvnih kombinacij za boljšo dostopnost. Te barve lahko uporabite s pomočjo NPM, Gem (Ruby) in barvnih vzorcev Photoshop in Illustrator.

Colorify

Colorify je super lahka knjižnica JavaScript (3kb minified) ekstrakt prevladujoče barve iz slike z veliko API-jev za upravljanje barv. Izvlečeno barvo lahko uporabite kot ogrado, medtem ko čakate, da se slika popolnoma naloži, ustvarite gradientno ozadje ali prilagodite sosednji vmesnik, da bo ustrezal barvi slike..

BookBlock

BookBlock je vtičnik jQuery ustvarite knjižico z učinkom flip-strani. To je lepa alternativa za prikaz več slik na vaši spletni strani, še posebej, če obstaja zaporedje ali pretok, ki ga želite prikazati.

Lahko si ogledate demo tukaj, da dobite idejo, kako BookBlock deluje.