Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (juuni 2015)

    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.