Uued ressursid veebidisaineritele ja arendajatele (juuni 2015)
Kas te arvate, et see seeria on kestnud peaaegu 3 aastat? Sellel lühikese ajaga oleme loonud vähemalt 30 nimekirja värskeimatest veebiarendajate ja arendajate ressurssidest. Ja me hoiame seda juunis uue koostamisega.
Selles kompileerimises vaatame mõningaid JavaScripti raamatukogusid liugurite kuvamiseks, andmete tabelite sujuvamaks kerimiseks, hüpata lifti efekti kerimisnupule ja rohkem.
Vaatame need välja.
Keskmine stiil Kinnita
Keskmine on selle disaini eest kiidetud; paigutus ja kasutajaliides tunduvad olevat läbimõeldud. Lisaks inspireerib see veebiarendajaid arendama kasutajaliidese kopeerimiseks kas JavaScript- või CSS-raamatukogusid. Keskmine stiil Kinnita on üks JavaScripti raamatukogu, mis sarnaneb keskmisele hüpikule või dialoogiboksile.
Penguin
Penguin on uus esiplaanide raamistik, mida saaksite kasutada oma veebisaitide alusena. Grunt'i ja Sassiga nagu näiteks, saate lihtsalt lisada või eemaldada raamatukogusid või CSS-i, mida te ei vaja raamistikust, muutes selle võimalikult kergeks. See on ka hea alternatiiv Bootstrap ja Foundation.
Elevator.js
Kas olete seda nuppu veebisaidil näinud, mis võimaldab teil lehekülje ülaosale libistada? Enamik nuppe viib teid ülaosas, kuid Elevator.js-ga saate libiseva kiirenduse, mis on sarnane liftile, muusikale ja “Ding!” heli, kui olete jõudnud ülemise korruse. Väga tore!
X-Instagram
X-Instagram on polümeri kohandatud element, mis tõmbab ja näitab pilte Instagramist sildi järgi. See element muudab kogu protsessi palju lihtsamaks. Lihtsalt lisame elementi nagu tavaline HTML-element ja määratleme sildi märksõna elemendi atribuutidena.
Ja lase maagial hakata!
CamanJS
CamanJS on suurepärane JavaScripti raamatukogu kujutiste manipuleerimiseks. Kaasas funktsioonide komplekt, mida tavaliselt pildiredaktoris leiad. Saate pildi hägusust, mustvalget ja isegi kontrastsust muuta.
ClusterizeJS
Clusterize.js on JavaScripti raamatukogu, mis suurendab tulemust, kui tegeldakse tabelites paljude andmetega. Tabeli sirvimisel, öeldes näiteks 5000-ga, muutub tavaliselt kogemus laggy ja jerky. See JavaScripti raamatukogud lahendavad selle probleemi, muutes kerimismeetodi sujuvaks purjetamiseks.
Istuge testile
Istuge testile on küsimuste kogum, et hinnata oma oskusi ja teadmisi CSS3, HTML5 ja JavaScript kohta. Igale testile antakse kõik küsimused ja nende täitmiseks on aega. See on hea allikas, et teada saada, kui hea me nende keeltega tegelikult oleme.
HTML nooled
See on kogumik spetsiaalseid Unicode'i sümboleid, mida saab HTML-i ja CSS-i lisada. Need märgid hõlmavad nooli, valuuta ja kirjavahemärke. Leiad, et mõnikord ei ole vaja nende tähemärkide kuvamiseks kasutada fontide ikooni.
Flickity
Flickity on JavaScript-raamatukogu, mis kuvab teie veebisaidil karusselle, galeriisid või liugureid. See on optimeeritud puutetundlikuks ekraaniks; võite sülearvutiga sõrmega sõrmega või juhtplaadiga hõlpsasti liugleda. Kaasas ka hulk valikuid, mis võimaldavad täielikku kohandamist mis tahes viisil.
Typeslab
Typeslab on mugav vahend plaaditüüpi plakatite loomiseks. Lihtsalt kirjutage sisu ja vali font, Typeslab loob plakati koheselt. Seejärel saate selle alla laadida või avaldada Imguris.
MatchMedia
Matchmedia on raamatukogu, mis kopeerib CSS-meedia päringud. Raamatukogu ei ole tegelikult värske, kuid see on tõesti kasulik raamatukogu, mille ma otsustasin nimekirja panna. Kui teil on vaja skriptida kasutaja vaatepordi suurust või kandjatüüpi, siis see on soovitud teek.
Järgnev on näide, mida kasutatakse skripti käivitamiseks vaatepiirkonna suuruses 320 pikslit ja alla selle:
kui (matchMedia ("ainult ekraani ja (maksimaalse laiusega 320px)") vasted)
Sass Burger
Sass Burger on varustatud Mixiniga, mis võimaldab teil luua a “Hamburger” ikooni ja muutke see vähem märgatava ristmärgiga.
Marx
Marx on CSS-stiili reeglite kogum, et muuta elementide stiilid järjepidevamaks. See on kohandatav (Sassiga), kerge ja töötab karbist välja. Hea alternatiiv juba populaarsetele CSS reset tööriistadele nagu Normalize.css.
CSS.js
CSS.js kasutatakse stiilideklaratsiooni CSS-failide parsimiseks. Raamatukogu kasutati algselt Jotformi meeskonna jaoks, et luua WYSIWYG kogemus vormi redigeerimiseks CSS-iga. Nüüd on nad avatud allikatest, mida me kõik kasutame. Tasub säästa, igaks juhuks, kui seda hiljem vajate.