Sveži viri za spletne oblikovalce in razvijalce (junij 2015)
Ali verjamete, da ta serija poteka že skoraj tri leta? V tako kratkem času smo predstavili vsaj 30 seznamov svežih virov za spletne oblikovalce in razvijalce. In to bomo nadaljevali z novo zbirko za junij.
V tej kompilaciji bomo preučevali nekaj JavaScript knjižnic za prikazovanje drsnikov, bolj gladko drsenje za podatkovne tabele, kul dviganje za gumb za pomikanje do vrha in še več..
Poglejmo jih.
Srednji slog potrdite
Medij je bil pohvaljen zaradi njegove zasnove; Zdi se, da je bila postavitev in uporabniški vmesnik temeljito premišljena. Povrh vsega pa tudi navdihuje spletne razvijalce, da razvijejo knjižnice JavaScript ali CSS za kopiranje uporabniškega vmesnika. Srednji slog Potrdi je ena knjižnica JavaScript, ki spominja na pojavno ali pogovorno okno v mediju.
Pingvin
Penguin je nov okvir, ki ga lahko uporabite kot podlago za vaše spletne strani. Z orodji, kot sta Grunt in Sass, lahko preprosto dodajate ali odstranjujete knjižnice ali CSS, ki jih ne potrebujete iz ogrodja, zaradi česar je lahko čim lažji. Prav tako je dobra alternativa za Bootstrap in Foundation.
Elevator.js
Ste videli ta gumb na spletnem mestu, ki vam omogoča, da se pomaknete na vrh strani? Večina gumbov vas pripelje na vrh, vendar z Elevator.js dobite drsni učinek pospeševanja, podoben dvigalu, glasbi in “Ding!” zvok, ko pridete na najvišje nadstropje. Zelo lepo!
X-Instagram
X-Instagram je polimer po meri element, ki potegne in prikazuje slike iz Instagram z oznako. Ta element naredi celoten proces veliko lažje. Element preprosto dodamo kot običajen element HTML in podamo atribut elementa ključno besedo oznake.
In naj začne čarobnost!
CamanJS
CamanJS je odlična JavaScript knjižnica za manipulacijo slik. Na voljo je z naborom funkcij, ki ga običajno najdete v urejevalniku slik. Zameglitev slik lahko črno-belo obrnete in celo povečate kontrast.
ClusterizeJS
Clusterize.js je JavaScript knjižnica, ki bo povečala zmogljivost pri obravnavanju veliko podatkov v tabelah. Ko se boste pomaknili navzdol po tabeli z, recimo, 5000 na seznamu, bo navadno izkušnja postala lahka in grd. Ta knjižnica JavaScript se bo lotila tega vprašanja, zaradi česar bo pomikanje potekalo gladko.
Sedite test
Sedite test je zbirka vprašanj za ocenjevanje vaših spretnosti in znanja o CSS3, HTML5 in JavaScript. Vsak preizkus ima vrsto vprašanj in omejen čas, da izpolni vsa ta vprašanja. Dober vir je, da ugotovimo, kako dobri smo pri teh jezikih.
Puščice HTML
To je zbirka posebnih izvirnih znakov Unicode, ki jih lahko vdelate v HTML in CSS. Ti znaki so puščice, valuta in ločila. Ugotovili boste, da včasih ne potrebujete ikone pisave za prikaz teh znakov.
Flickity
Flickity je JavaScript knjižnica za prikaz vrtiljakov, galerij ali drsnikov na vaši spletni strani. Optimiziran je za zaslon na dotik; vrtiljake lahko z lahkoto potisnete s prstom ali s sledilno ploščico, če ste na prenosnem računalniku. Prav tako prihaja s kupom možnosti, ki omogočajo popolno prilagoditev na kakršenkoli način.
Typeslab
Typeslab je priročno orodje za ustvarjanje plakata tipa Slab. Preprosto napišite vsebino in izberite pisavo, Typeslab bo takoj ustvaril plakat. Nato ga lahko prenesete ali objavite v Imgurju.
MatchMedia
Matchmedia je knjižnica, ki posnema CSS medijske poizvedbe. Knjižnica pravzaprav ni tako sveža, vendar je resnično koristna knjižnica, ki sem se jo odločila uvrstiti na seznam. Če morate narediti skriptiranje na podlagi velikosti ali vidnega polja uporabnika, je to knjižnica, ki jo želite.
Spodaj je primer, ki se uporablja za zagon skripta v velikosti 320px in pod njim:
if (matchMedia ("samo zaslon in (max-width: 320px)").)))
Sass Burger
Sass Burger prihaja z Mixin, ki vam omogoča, da ustvarite “Hamburger” ikono in jo pretvorite v križ z manj težav.
Marx
Marx je zbirka pravil stila CSS, ki naredijo sloge elementov bolj dosledne. Je prilagodljiv (s Sass), lahek, in deluje iz škatle. Dobra alternativa že priljubljenim orodjem za ponastavitev CSS, kot je Normalize.css.
CSS.js
CSS.js se uporablja za razčlenjevanje CSS datotek za deklaracijo sloga. Knjižnica je bila prvotno uporabljena za ekipo v Jotformu, da je zgradila izkušnjo WYSIWYG za urejanje obrazcev s CSS. Zdaj jih imajo odprte, da jih vsi uporabljamo. Vredno shranjevanja, samo v primeru, da ga potrebujete pozneje.