Svježi resursi za web-dizajnere i razvojne programere (studeni 2012.)

Postoje brojni novi veliki alati i resursi koji daju web dizajnerima i programerima dodatnu snagu za svoj posao. Ovaj mjesec imamo neke sjajne besplatni alati i resursi dostojno probati, počevši od dodatka za stvaranje cool foto efekata do dodatka za sadržaj i klizanje slika uz istinski cool prijelaz.

Dakle, provjerimo ih.

Provjerite sve naše nove izvore (prema mjesecu):

Proto

Prilagodljivi web-dizajn sada postaje standardna praksa u izradi web-lokacije. Ovo cini ovaj Alat je stvarno koristan za obavljanje posla. Proto je izgrađen na SCSS-u za brzu izradu prototipnih odgovora pružanjem unaprijed definiranih CSS klasa spremnih za upotrebu, definiranjem odgovorajuće mreže i nekih klasa specifičnih za uređaj.

Prikazivač mreže

Ako radite s okvirima Responsive Design kao što su Bootstrap ili Foundation, vjerojatno vam je potrebna ova knjižna oznaka za praćenje mreže u pregledniku. Ovaj alat prikazat će mrežu s preklapanjem na web-stranici koju gledate. Prilično je zgodan, samo ga povucite i ispustite u traku oznaka. Samo kliknite na bookmarklet u bilo koje vrijeme kada vam trebaju mreže za prikazivanje.

BootMetro

Windows 8 primjenjuje jednostavnost Metro dizajnerskog jezika. Ako želite prihvatiti ovaj stil na vašoj web stranici, BootMetro je vjerojatno ono što trebate.

podvlake

Postoje mnoge WordPress starter teme dostupne na internetu, ali nitko drugi je kao velik kao Underscores. Uz to, možete odrediti i personalizirati ime teme, opis, autora i posebno Theme Slug, koji se odnosi na funkciju teme kada preuzmete paket, tako da ćete dobiti nešto poput theme_slug_function.

Jarallax

Kao efekt paralakse koji vidite na web-lokacijama kao što je ovaj? Ako želite primijeniti sličan učinak na svoju web-lokaciju, možete upotrijebiti Jarallax, JavaScript biblioteku animacija da biste stvorili efekt Paralakse (gotovo bez vremena).

vjetrovit

Jeste li dosadno s galerijskim kliznim efektima koji se pomiču samo vodoravno? Zatim provjerite Windy, koji koristi 3D transformaciju da pokrene sadržaj na istinski jedinstven način. Pogledajte demo ovdje.

TiltShift

Ukratko, tiltShift u fotografiji tehnika je koja čini fotografiju manju, gotovo minijaturnu nego što zapravo jest. Provjerite našu zbirku takvih fotografija u ovom postu: “Fotografija s nagibom”. Ako želite primijeniti takav učinak u svojoj foto galeriji, možete jednostavno koristiti ovu JavaScript knjižnicu, TiltShift.js.

slijed

Sequence.js je prilagodljiv jQuery klizač s nekim naprednim efektima prijelaza. Za razliku od drugog klizača, sekvenca ne dolazi s vlastitom ugrađenom temom. Dakle, možemo potpuno prilagoditi izgled i osjećaj koji odgovara našoj web-lokaciji.

Delta

jQuery UI je kompletan skup zajedničkog web korisničkog sučelja i interakcije, koji je jednostavan za korištenje. Međutim, zadana tema je dosadna. Dakle, ako želite imati drukčiji izgled za JQuery UI, ali ne želite da se vaše ruke zaprljaju pomoću CSS-a, možete jednostavno zamijeniti zadane CSS stilove s Delta, glatkom temom za jQuery UI.