Tag: css3

Poslednjih nekoliko godina svedoci smo raznih promena u sferi web dizajna. Iako 2011 godina jos nije gotova do sada su trendovi u web dizajnu bili izuzetno inspiritivni i vredni pomena. Jedna reč koja bi mogla da sumira ovogodišnji trend je fleksibilnost. U zadnje vreme surfovanje webom se ne svodi na puko sedenje ispred monitora od 17 inča, već je tehnologija omogućila pristup vašim omiljenim sadržajima sa mnogih uređaja kao što su mobilni telefoni, tablet računari, netbook računari itd. Zbog pomenute situacije web dizajneri sada moraju da uzmu u obzir ove činjenice kada pripremaju dizajn. To ne znači da dizajneri treba da posvete manje pažnje samom dizajnu ali treba da uzmu u obzir i funkcionalnost budućeg web sajta na svim pomenutim uređajima. U ovom postu možete videti neke od tekućih trendova u sferi web dizajna.

1)    3D efekat - U zadnje vreme 3D efekti su sve prisutniji pri dizajniranju web sajtova. Pri korišćenju 3D efekata dubina koju oni stvaraju daje osećaj kao da određeni delovi vašeg dizajna prosto izlaze iz ekrana dok drugi kao da se povlače unutar ekrana. Ovaj efekat može posebno da naglasi određene segmente vašeg web sajta.

2)     Raspored na jednoj strani - Ovo je jedan od poslednjih trendova u kojem je ceo sajt inkorporiran na samo jednu web stranu. Osim što je vrlo isplativ ovakav način dizajniranja je najpogodniji za stvaranje personalnih web sajtova.

3)     Jednostavan dizajn - Odavno je poznato da ako je vaša poruka vredna primanja nema potrebe da koristite zvona da bi je publika čula. Kada pričamo o jednostavnom dizajnu on treba da je jednostavan ali ne dosadan. Mora se pažljivo izabrati paleta boja na takav način da dizajn zadrži jednostavnost ali da ima i gracioznost.

4)    Veliko podnožje - Velika podnožja i dalje spadaju u jedan od najzastupljenijih trendova pri dizajniranju web sajtova. Jedan od razloga za to je što dosta informacija može da stane u veliko podnožje.

5)     Tipografija - Tipografija je uvek jedan od najbitnijih aspekata u web dizajnu i dizajneri smatraju da je ona jedan od najlepsih trendova.

6)     Veliko zaglavlje - Ovaj trend se pojavio zbog toga što korisnicima najviše pažnje privlači zaglavlje jel je ono najvidljivije na svakom web sajtu. Korisnik u prvih deset sekundi odlučuje da li će se zadržati na trenutnom web sajtu ili će otići na sledeći, a veliko zaglavlje ima značajnu ulogu u privlačenju pažnje korisnika.

7)     Crno-bele ikonice - Pošto su ikonice vrlo bitan segment u dizajniranju web sajta ključno je predstaviti ih da budu što atraktivnije. Što se tiče sadašnjih trendova crno-bele ikonice su zastupljene na velikom broju web sajtova.

8)    Ikone socijalnih sajtova - Poslednjih par godina socijalni sajtovi rade odličan posao u poboljšanju kredibiliteta vašeg web sajta. Ovo donosi trend korišćenja ikona socijalnih sajtova kao što su Twitter, Facebook, StumbleUpon, Digg i drugih na vašem web sajtu.

9)    Interaktivni dizajn - Dani dizajna statičkih sajtova su odbrojani i gotovo da ih ni nema dok se trend interaktivnog dizajna nastavlja i u 2011. Moguće da ste primetili da mnogi sajtovi često ažuriraju svoj sadržaj i vrlo lako ugrađuju video klipove, muzičke klipove, razne ankete itd.

10)    Upotreba HTML5 i CSS3 - Bez ubrajanja HTML5 i CSS3 diskusija o najnovijim trendovima je nepotpuna. Zajedno HTML5 i CSS3 omogućavaju web sajtovima da se lakše izrade i povežu sa alatima socijalnih mreža. Više nego ovo obe nove verzije imaju mnogo korisnije opcije za web sajt što poboljšava kredibilitet samog sajta.

Web dizajn je sve samo nije lagan. Na svakom ćošku se nalazi problem, od zahtevnih klijenata, novih tehnologija koje treba savladati, grešaka u kodu, podešavanje sajta u više browsera...

Zato je veoma bitno pronaći alate koje umnogome olakšavaju posao. Ovo su neki od alata koji mogu pomoći u svakodnevnom dizajniranju i izradi web sajtova.

Da bi koristili ovaj alat, potrebno je samo podesiti parametre i dobijate lepo dugme CSS3 dugme sa gotovim CSS kodom, koji jednostavno kopirate u svoj projekat. Možete koristiti ime klase "button" na HTML elementima da izgledaju kao CSS3 dugmad.

CSS3 Button Maker

HTML5 Starter Pack je drugačiji od template-a. Napravljen je sa jednim vodećim principom: skalabilnost. Kao rezultat, možete koristiti ovaj alat da počnete neku jednostavnu portfolio stranicu ili sledeći Facebook.

HTML5 Starter Pack

Po ugledu na 1kb Grid, Tiny Grid je jednostavni layout generator. Kad downloadujete ovaj alat, dolazi sa index.html stranom i demo kodom, uključujući naravno, grid.css fajl koji sadrži stilove da prikazuje layout koji ćete praviti.

Tiny Fluid Grid

Smokescreen

Smokescreen je novi open-source projekat koji cilja na konvertovanje Flash elemenata u HTML5 da radi gde prethodno nije mogao (iPhone i iPad).

Smokescreen

Ovaj post sadrži besplatne online alate za obavljanje raznih dizajn i development zadataka.

0 to 255

0 to 255 je jednostavan alat koji pomaže dizajnerima da odaberu nijanse boja.

Spritebox

Spritebox je WYSIWYG alat koji omogućava dizajnerima da brzo i jednostavno kreiraju CSS klase i ID iz jedne sprite slike. Zasnovan je na principu korišćenja background-position svojstva da postavi deo sprite slike u blok elemenat stranice. Ovaj alat je urađen u kombinaciji jQuery, CSS3 i HTML5 jezika i potpuno je besplatan.

jsFiddle

jsFiddle je igralište za web developere, alat koji se može koristiti na mnogo načina. Može se koristiti kao online editor da se prave snippeti za HTML, CSS i JavaScript. Kod se može deliti sa drugima, implementirati u blog itd.

Frame Box

Frame Box je jednostavan online alat za kreiranje i deljenje wirefrejmova.

CSS3 Generator

CSS3 Generator je jednostavan alat koji kreira CSS3 kod za više browsera zasnovane na vrednostima koji se specificiraju u generatoru.

ProCSSor

ProCSSor je moćan i besplatan CSS ulepšavač koji vam dopušta da podesite CSS tačno onako kako želite. Omogućava vam da pretvorite CSS u nešto bolje i privlačnije sa minimalno truda i vremena.

Super Conversion Button

Ovaj alat omogućava jednostavno kreiranje lepog dugmeta za svega par minuta.

wordmark.it

Wordmark.it je alat koji dopušta brz pregled kako tipografski logo firme izgleda sa instaliranim fontovima pre podešavanja novih fontova.

CSS3 menja način kako se prave sajtovi. Iako su neki od developera i dalje skeptični za korišćenje CSS3 zbog manjka podrške u nekim browserima, mnogi ga već uveliko koriste i pomeraju granice i prave odlične stvari sa novim prednostima koje CSS3 nosi. Više nema potrebe za korišćenjem JavaScripta i slika da se naprave novi efekti koji se lako implementiraju sa CSS3. Ovo je prikaz odličnih CSS3 tehnika za kreiranje dugmadi i meni tehnika.

CSS Google dugmad

CSS3 Text Area

CSS3 Radioaktivna dugmad

CSS3 Apple navigacija

CSS3 dugme

Kreiranje dinamičnih dugmadi sa CSS3

CSS3 Meni

CSS3 Dropdown Meni

Lepa CSS3 dugmad

Cheat Sheat reference su popularne kod dizajnera i programera. One u mnogome olakšavaju njihov posao i skraćuju vreme i predstavljaju odličan vodič za pamćenje komandi i funkcija.

Ovo je lista raznih sheet-ova, većina njih je u PDF formatu.

CSS

HTML

HTML 5 Peeks, Pokes and Pointers

WordPress

WordPress Cheat Sheet

WordPress Cheat Sheet

PHP

jQuery

JavaScript