15 zanimljivih i korisnih Javascript i CSS biblioteka

CSS I JAVASCRIPT BIBLIOTEKE

CSS I JAVASCRIPT PROGRAMIRANJE.

U ovoj objavi vam predstavljam mjesečnu zbirku biblioteka za razvoj web-a, koje su momci sa tutorialzine.com pronašli za nas. Svaka od ovih biblioteka je pažljivo izabrana između ostalih i označena kao korisna, pouzdana i dovoljno izgrađena za korištenje u najnovijim tehnologijama i idejama. Nadam se da ćete uživati.

CSS office ui fabric
CSS office ui fabric

Office UI Fabric

Ovo je Microsoftov projekat otvorenog koda, ako želite da gradite svoju aplikaciju uz izgled MS Office paketa onda je ovo biblioteka za vas. Posjeduje mnogo jQuery ukrasa, a dizajn se radi kao i kod ostalih.

14_stickers_CSS
CSS

Sticker.js

Ova biblioteka omogućuje programerima da dodaju jednostavne naljepnice na svoje web stranice. Svaki element se može pretvoriti u naljepnicu, a kada neko pređe preko određene naljepnice tj. elementa ona će uraditi animaciju. Jako zanimljiva biblioteka ali po mom mišljenju ne toliko potrebna da nebi znao šta bez nje.

4_cash-e1460469798391

Cash

Biblioteka cash je jako dobra alternativa za jQuery. Ova biblioteka ima istu sintaksu kao i popularni jQuery, takođe njene mogućnosti i metode ne zaostaju za jQuery, osim što je mnogo lakša za učitavanje, ona je “teška” samo 8kb, dok je jQuery otišao na 32kb.

2_popper

Popper.js

Popper je Javascript biblioteka kojom dodajemo nešto poput tooltipa HTML elementima. Ova biblioteka stvarno ima mnogo mogućnosti za prilagošavanje svakog elementa posebno. Popper je jednostavan za korištenje i veoma je male veličine.

5_datepicker

Bootstrap Material Datepicker

Material dizajn biblioteka sa jQuery i Momentjs. Ovaj dodatak za kalendar i vrijeme je veoma jednostavno postaviti na svoje stranice, jednostavno se postavlja na inpute sa odabranom opcijom koju želimo, korisnik kada dođe na određeno polje pojavit će se kalendar koji je sličan android kalendaru ili sat.

1_material_kit

Material Kit

Još jedan besplatan UI kit koji je kombinacija Bootstrap sintakse sa modernim Google izgledom. Postoji još niz sličnih projekata kao što su dizajn materijala za Bootstrap i Bootswatch papira Tema, ali ovaj Material Kit, kao najnoviji proizvod, izlazi iz starih okvira i nudi drugačiji pristup sa urednim stilovima i mnogo komponenti.

8_skeleton

Skeleton

Ovo je idealna CSS biblioteka i među najjednostavnijim bibliotekama na tržištu, završit ćete redanje elemenata praktično sa ništa truda, toliko je jednostavan da je stvoren za one koji tek ulaze u ovo. Ima 12 kolona koje moramo rasporediti po svom navođenju i to koristi veoma jednostavna imena kao što je two column, five, six…

10_icheck

iCheck

Mnogi web programeri kada je riječ o unaprijed definisanim dugmićima ili HTML okvirima da to može biti jako ružno iskustvo pogotovo kada se to treba prikazati u svim web preglednicima isto. Postoji mnogo biblioteka koje će vam pomoći da to učinite ispravno, a ovaj iCheck je sigurno najkvalitetniji i najCooL ;) Nudi stvarno kul teme koje se veoma lako prilagode svakoj web stranici, a ima i IE6 + i podršku za mobilne web preglednike.

6_stylefmt

Stylefmt

 

Stylefmt je PostCSS modul koji automatski formatira CSS i SCSS stylesheet. Možete napisati vlastita pravila formatu ili koristiti one standardne da bi CSS vašeg projekta izgledao isto, bez obzira tko ga je napisao.

7_twitter-e1460469856343

InlineTweet.js

Bilo koji tekst na stranici možete pretvoriti u twitter tekst tj. link prema twitter podjeli. Nije neki boom ali zanimljiva je skriptica.

11_smoothstate

SmoothState

SmoothState je hrabar projekt koji pretvara vaše obične web stranice u jednu stranicu aplikacije. Način na koji to radi ona sprečava veze s otvaranjem nove stranice i umjesto njih se ubacuje u tekućoj pomoću AJAX, dok manipulira historiju preglednika i URL-ova, kao da se stranica promijenila. Dodajte cool loading animacije, dok je zahtjev AJAX završi i dobili ste sami SPA.

nanobar_2

Nanobar

Veoma mala biblioteka za traku napretka, loading i sl. Ova biblioteka ima samo 700 bajta, a pruža tačno ono što se od nje traži i nema mnogo mogućnosti za manipulaciju.

3_blur

Image Blur

Jako je teško napraviti blur efekat koji će biti dobro prikazan u svim preglednicima. Ova biblioteka je napravljena baš iz tog razloga, ako trebate blur efekat koji će se prikazati isto na svakom pregledniku onda je ovo biblioteka za vas.

13_typeit

TypeIt

Jednostavna biblioteka kojom možete prikazati neki određeni tekst, kao animaciju kucanja teksta. Lijepo za vidjeti na poslovnim web stranicama ali koristiti se može na svim. Pokušajte i svidjet će vam se.

15_repaintless

Repaintless

CSS animacije su mnogo učinkovitije što se tiče memorije od Javascript animacija, ali i on može usporiti stranicu ako nije pravilno napisan. Isprobajte ovaj dodatak i bit ćete zadovoljni.

Leave a comment

  • logo

    Izvorni kodovi i tehnike koje su korištene u mojim objavama, mogu se slobodno koristiti na besplatnim i komercijalnim projektima. Za napisane članke zadržavam pravo, molim sve koji članak prenesu na svoj medij, da unutar teksta naprave link prema ovoj stranici.

  • email: office@nimra.pro
    (Armin Ahmetovic)

    Bosna i Hercegovina
    72000 Zenica