Postovi po Kategoriji: Web dizajn

Web dizajn blog PopArt, inspiracija, trikovi, vesti, tutorijali u web dizajnu.

Saveti za Brzo Učitavanje Sajta – Morate ih Znati!

Saveti za Brzo Učitavanje Sajta – Morate ih Znati!

01 септембра, 2010

Pravilo broj 1 koje svaki dizajner koji namerava da kreira dobar sajt mora da ispunoži je da stranice web sajta moraju da se učitavaju brzo. Što brže mogu. Možete imati divan dizajn sajta, izuzetno dobru ideju, međutim, većina posetilaca se neće zadržati dovoljno dugo da to vidi ukoliko je stranicama potrebno mnogo vremena da se učitaju. Uvek imajte na umu vreme koje je potrebno stranici da se učita, dok ste još u fazi dizajniranja. Pokušajte da primenite neke od naših saveta kako biste uspeli da postignete ovaj cilj, i ispunite prvo pravilo.

2917 views
Greške Koje Dizajneri ne Smeju da Prave!

Greške Koje Dizajneri ne Smeju da Prave!

30 августа, 2010

Dizajniranje web sajta je umetnost. Tokom poslednje decenije je tržište web dizajna postalo pretrpano konkurencijom. Zato je, da biste preživeli na njemu, potrebno da svoj posao radite inovativno i originalno. Osim toga, današnji korisnici Interneta su postali i više nego osveštani kada je reč o proceni kvaliteta jednog sajta. Veoma dobro umeju da procene koji je sajt dobar a koji loš. Korisnost i pristupačnost sajta je ključna stavka koja sve govori o njemu, pa i onome što je u pozadini (dizajneru i njegovom radu). Prilikom kreiranja sajta morate biti veoma pažljivi i nastojati da izbegavate greške koje se veoma često mogu pronaći. Ovde ćemo Vam pokazati neke od užasnih grešaka koje su napravljene, a koje nikada ne bi smele biti deo nekog sajta.

2296 views
Navigacija Kroz Web Sajt – Saveti Koji Vam Trebaju!

Navigacija Kroz Web Sajt – Saveti Koji Vam Trebaju!

28 августа, 2010

Navigacija je najvažniji aspekat koji morate dobro da razmotrite kada dizajnirate web sajt. Njen osnovni cilj je da posetioce zadrži na sajtu i da se oni kroz njega dobro i jednostavno snalaze.

3238 views
28 HTML5 Stvari, Saveta i Tehnika Koje Morate Znati! III

28 HTML5 Stvari, Saveta i Tehnika Koje Morate Znati! III

26 августа, 2010

13. Atribut required

Formulari dozvoljavaju upotrebu atributa required, koji ukazuje na to da li je određeni sadržaj nužno uneti ili ne, odnosno, da li određeno polje u formularu mora biti popunjeno.

2852 views
Najbolji Programi po Izboru Web Dizajnera!Znate li ih? I

Najbolji Programi po Izboru Web Dizajnera!Znate li ih? I

24 августа, 2010

Ovi programi (koji funkcionišu u operativnom sistemu Windows) su ocenjeni kao najbolji kada je reč o povećanju produktivnosti rada web dizajnera. Umnogome olakšavaju rad i ubrzavaju ga, te su zato sa svih strana rado preporučeni za svakodnevnu upotrebu prilikom dizajniranja. Prenosimo Vam  preporuke.

4648 views
28 HTML5 stvari, saveta i tehnika koje morate znati! II

28 HTML5 stvari, saveta i tehnika koje morate znati! II

22 августа, 2010
2796 views
28 HTML5 stvari, saveta i tehnika koje morate znati! I

28 HTML5 stvari, saveta i tehnika koje morate znati! I

18 августа, 2010

1. Novi doctype

Još uvek koristite ovaj dosadan, i teško pamtljiv XHTML set instrukcija (doctype – instrukcije za pretraživače)?
<!DOCTYPE html PUBLIC „-/ /W3C//DTD XHTML 1.0 Transitional//EN“
„http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd“>

Zašto? Prebacite se na novi HTML5 doctype. Biće Vam mnogo lakše.
<!DOCTYPE html>
U stvari, da li ste znali da  i nema potrebe za HTML5? U upotrebi je samo zbog sadašnjih i starijih pretraživača koji traže određeni tip doctype-a. Pretraživači koji ne razumeju određeni doctype će jednostavno potražiti kod u standardnom modu. Zbog toga se slobodno opustite i prihvatite HTML5!

Pogledajte zašto baš HTML5!

2. Element – figure

Ovo je kod za sliku:

<img src=„path/to/image“ alt=„About image“ />
<p>Image of Mars. </p>

Nažalost, ne postoji lak ili smenatički način da se naziv, stavljen u tag za paragraf, spoji sa samm slikom kao posebnim elementom. HTML5 rešava ovaj problem uvodeći u upotrebu elemenat <figure>. On, u kombinaciji sa <figcaption> elementom, semantički spaja naslove sa odgovarajućom slikom.

3. Redefinisani elemenat <small>

Elemenat <small> je dobio mnogo više odgovarajuću ulogu, a odnosi se na mala slova. To se, recimo, odnosi na izjavu o pravima (copyrights) u dnu Vašeg sajta. Prema novoj HTML5 definiciji, <small> će biti upotrebljen kao omot za ovu informaciju.

4. Nema više Types za skripte i linkove

Sigurno i dalje dodajete atribut Type svojim tagovima za skripte i linkove.

<link rel=„stylesheet“ href=„path/to/stylesheet.css“ type=„text/css“ />
<script type=„text/javascript“ src=„path/to/script.js“></script>

Ovako nešto više nije potrebno. Oba ova taga se odnose na stylesheets i scripts, respektivno. Zbog toga, slobodno možemo da uklonimo atribut Type.

<link rel=„stylesheet“ href=„path/to/stylesheet.css“ />
<script src=„path/to/script.js“></script>

5. Navodnici ili ne?

To je pitanje. Zapamtite, HTML5 nije XHTML. Nemate potrebu da stavljate atribute pod navodnike ako ne želite. Ne morate da zatvarate elemente. Nema ništa pogrešno ukoliko to ipak radite, ako se tako bolje osećate.

<p class=myClass id=someId> Start the reactor.

Odlučite sami šta Vam se više dopada. Ukoliko više volite struktuirana dokumenta, držite se navoda.

6. Neka Vaš sajt bude pogodan za izmene

Novi pretraživači imaju divan novi atribut koji se može primeniti na elemente, a on se zove contenteditable. Ovim se korisniku omogućava da menja tekst koji se nalazi unutar elementa, uključujući i njegovu decu. Postoji više načina za tako nešto, uključujući i aplikacije sa prostim listama šta treba uraditi:

  1. <!DOCTYPE html>
  2. <html lang=“en“>
  3. <head>
  4. <meta charset=„utf-8“>
  5. <title>untitled</title>
  6. </head>
  7. <body>
  8. <h2> To-Do List </h2>
  9. <ul contenteditable=„true“>
  10. <li> Break mechanical cab driver. </li>
  11. <li> Drive to abandoned factory
  12. <li> Watch video of self </li>
  13. </ul>
  14. </body>
  15. </html>
2745 views
Čuvanje Podataka Klijenata

Čuvanje Podataka Klijenata

18 јула, 2010

Bez obzira da li manipulišete podacima koji su ograničeni FTP pristupom i lozinkama ili finansijskim podacima i drugim osetljivim i poverljivim informacijama, posedovanja standardnog (sigurnog) sistema za održavanje i čuvanje informacija je od krucijalnog značaja.

2922 views
8 Najčešćih Grešaka Koje Prave Dizajneri Početnici

8 Najčešćih Grešaka Koje Prave Dizajneri Početnici

17 јула, 2010

1. Ne obraćate pažnju na pregled iz pretraživača

Problem sa ravnim Fotošop modelima je da imaju fiksnu širinu i dužinu, dok je pretraživač prozor sa varijabilnim dimenzijama. Ovo je posebno problematično za pozadine koje imaju nekakav dizajn. HTML i CSS koderu je potrebno da zna šta treba da se desi ukoliko se pretraživač poveća ili smanji ispod dimenzija modela. Da li se pozadina prilagođava? Da li se javlja bela pozadina? Da li elementi menjaju svoje dimenzije? Da li se širina pozadine menja samo do određene granice? Vaš dizajn nije kompletan sve dok nemate odgovore na ova pitanja. Šta god radili, ne pokušavajte da ograničite ponašanje pretraživača.

2565 views
Prednosti HTML5 i CSS3 sa Modernizr-om

Prednosti HTML5 i CSS3 sa Modernizr-om

07 јула, 2010

Pre 10 godina većina web dizajnera je koristila CSS za slojeve i gradnju stila. Pretraživači su izuzetno slabo i klimavo podržavali CSS, te je zbog toga izglasan standard pomoću kojeg je CSS stilovi u svim pretraživačima bili jednaki. Danas većina pretraživača ima prilično dobru podršku za CSS. Sada, međutim, imamo HTML5 i CSS3 i situacija se ponavlja – različiti pretraživači pružaju različiti nivo podrške ovim novim tehnologijama. Međutim, nije ni potrebno nužno da web sajt u svim pretraživačima izgleda baš identično. Kako se nositi sa tim problemom? Koristi se detekcija pojmova. To znači da ne pitamo pretraživač ko si ti? i na osnovu toga pravimo neosnovane pretpostavke. Umesto toga ga pitamo možeš li da uradiš to i to? To je veoma jednostavan način da se istestiraju mogućnosti pretraživača. Da ovako nešto radite ručno, bilo bi Vam potrebno puno vremena. Zbog toga, treba da počnete da koristite Modernizr.

3505 views