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.

2724 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.

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

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

22 августа, 2010
2667 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>
2605 views
Želite Dobre Tekstove za Blog? Sve o Tome IV deo

Želite Dobre Tekstove za Blog? Sve o Tome IV deo

18 августа, 2010

2511 views
Želite Dobre Tekstove za Blog? Sve o Tome III deo

Želite Dobre Tekstove za Blog? Sve o Tome III deo

16 августа, 2010

2413 views
Želite Dobre Tekstove za Blog? Sve o Tome II deo

Želite Dobre Tekstove za Blog? Sve o Tome II deo

15 августа, 2010

3079 views
Želite Dobre Tekstove za Blog? Sve o Tome I deo

Želite Dobre Tekstove za Blog? Sve o Tome I deo

14 августа, 2010

Jedna od prvih lekcija koju novinari nauče je da sadržaj svog teksta oblikuju tako da se najbitnije informacije nalaze na prvom mestu, a da im važnost raste sa čitanjem. Uzmete li prve novine da pogledate, uverićete se da se najvažniji podaci nalaze upravo među prvih par rečenica.

2505 views
Sloboda ili Ograničenje u Grafičkom Dizajnu – Previše Svega je Loše! II deo

Sloboda ili Ograničenje u Grafičkom Dizajnu – Previše Svega je Loše! II deo

13 августа, 2010

Mane ograničavanja u grafičkom dizajnu
Smanjuje kreativnost – Iako štedi dragoceno vreme, praterano ograničavanje sputava kreativnost dizajnera. Smanjuje im sposobnost da u potpunosti koriste svoju maštu i talenat, te da isprobavaju svoje inovativne ideje i stilove. Dizajner može da ispolji svoje kreativne ideje samo ukoliko mu se pruži izvesna sloboda za nove ideje i koncepte.

3102 views
Sloboda ili Ograničenje u Grafičkom Dizajnu – Previše Svega je Loše! I deo

Sloboda ili Ograničenje u Grafičkom Dizajnu – Previše Svega je Loše! I deo

04 августа, 2010

Grafički dizajn je široko polje gde praktično ne postoje ograničenja. Shodno tome, ne postoje granice ni u kreativnosti. Mnogi dizajneri veruju da su slobodni u svom radu, ali se na kraju ispostavi da prate određena ograničenja. Međutim, svaka stvar urađena preko mere je loša.
Oni koji se čvrsto drže ograničenja u dizajniranju, čvrsto prate pravila i principe koja su neki drugi nametnuli. Sa druge strane, oni koji podržavaju slobodu u kreativnosti smatraju da im ona omogućava da više istražuju svoje ideje i da prate instikte koji ih vode ka boljem radu. Oba ova ekstrema mogu pokvariti dizajn.

2664 views