Svježi resursi za web-dizajnere i razvojne programere (lipanj 2015.)
Možete li vjerovati da ova serija traje gotovo 3 godine? U tom kratkom vremenu, prikazali smo najmanje 30 popisa najsvježijih resursa za web dizajnere i programere. I zadržat ćemo ovo s novom kompilacijom za lipanj.
U ovoj kompilaciji pregledat ćemo nekoliko JavaScript biblioteka za prikazivanje klizača, glatko pomicanje za tablice podataka, kul efekt dizala za gumb za pomicanje do vrha i još mnogo toga..
Provjerimo ih.
Potvrdi srednji stil
Medij je pohvaljen zbog svog dizajna; izgled i korisničko sučelje čini se da su temeljito promišljeni. Povrh toga, on također inspirira web-programere da razviju JavaScript ili CSS knjižnice za repliciranje korisničkog sučelja. Potvrdi srednjeg stila je jedna JavaScript biblioteka koja podsjeća na skočni ili dijaloški okvir u srednjem.
Pingvin
Penguin je novi front-end okvir koji možete koristiti kao temelj vaših web stranica. Pomoću alata kao što su Grunt i Sass možete jednostavno dodati ili ukloniti knjižnice ili CSS koje vam nisu potrebne izvan okvira što ga čini što je moguće lakšim. Također je dobra alternativa za Bootstrap i Foundation.
Elevator.js
Jeste li vidjeli taj gumb na web-lokaciji koji vam omogućuje pomicanje do vrha stranice? Većina gumba vas vodi na vrh, ali s elementom Elevator.js dobivate klizni efekt ubrzanja sličan dizalu, glazbi i “zvoniti!” zvuk jednom kada stignete na gornji kat. Stvarno dobro!
X-Instagram
X-Instagram je polimer prilagođeni element koji vuče i prikazuje slike iz Instagram-a. Ovaj element čini cijeli proces puno lakšim. Jednostavno dodamo element kao običan HTML element i navedemo ključnu riječ oznake kao atribute elementa.
I neka čarolija počne!
CamanJS
CamanJS je izvrsna JavaScript biblioteka za obradu slika. Dolazi s skupom značajki koje biste obično pronašli u uređivaču slika. Možete zamagliti sliku, crno-bijelo, pa čak i povećati kontrast.
ClusterizeJS
Clusterize.js je JavaScript biblioteka koja će povećati performanse kada se bavi mnogo podataka u tablicama. Kao što se pomičete prema dolje tablice s, recimo, 5000 na popisu, normalno iskustvo će postati laggy i jerky. Ova JavaScript knjižnica će se pozabaviti ovim problemom, čineći pomicanje glatkim jedrenjem do kraja.
Sjednite na test
Sjednite na test je skup pitanja za procjenu vaše vještine i znanja o CSS3, HTML5 i JavaScript. Svakom testu daje se niz pitanja i ograničeno vrijeme za ispunjavanje svih ovih pitanja. To je dobar izvor za otkrivanje koliko smo doista dobri s tim jezicima.
HTML strelice
Ovo je zbirka posebnih izvornih Unicode simbola koje možete ugraditi u HTML i CSS. Ti znakovi uključuju strelice, valutu i interpunkciju. Vidjet ćete da ponekad ne trebate ikonu fonta za prikaz tih znakova.
Flickity
Flickity je JavaScript biblioteka za prikaz vrtuljaka, galerija ili klizača na vašoj web-lokaciji. Optimiziran je za zaslon osjetljiv na dodir; vrtuljke možete lagano pomicati prstom ili dodirnom pločom ako ste na prijenosnom računalu. Ona također dolazi s hrpa opcija omogućuje punu prilagodbu na bilo koji način želite.
Typeslab
Typeslab je zgodan alat za izradu plakata tipa ploča. Jednostavno napišite sadržaj i odaberite font, Typeslab će odmah generirati poster. Zatim ga možete preuzeti ili objaviti u Imguru.
MatchMedia
Matchmedia je knjižnica koja replicira CSS medijske upite. Knjižnica zapravo nije toliko svježa, ali je to doista korisna knjižnica koju sam odlučio staviti na popis. Ako trebate napraviti skriptiranje na temelju veličine prikaza korisnika ili vrste medija, to je knjižnica koju želite.
Sljedeće je primjer koji se koristi za pokretanje skripte u veličini prikaza 320 piksela i ispod:
if (odgovaraMedia ("samo zaslon i (max-width: 320px)")) odgovara)
Sass Burger
Sass Burger dolazi s Mixinom koji vam omogućuje stvaranje “Hamburger” i pretvorite je u križ s manje gnjavaže.
Marx
Marx je skup pravila stilova CSS-a kako bi stilovi elemenata postali dosljedniji. Prilagodljiv je (sa Sassom), lagan i radi izvan okvira. Dobra alternativa već popularnim alatima za resetiranje CSS-a kao što je Normalize.css.
CSS.js
CSS.js se koristi za analizu CSS datoteka za deklaraciju stila. Knjižnica je u početku korištena za tim u Jotformu za izgradnju WYSIWYG iskustva za uređivanje obrazaca pomoću CSS-a. Sada su ga otvorili da bismo ga svi koristili. Vrijedi uštedjeti, za slučaj da vam zatreba kasnije.