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>
2567 views
Želite Dobre Tekstove za Blog? Sve o Tome IV deo

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

18 августа, 2010

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

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

16 августа, 2010

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

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

15 августа, 2010

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

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

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

2623 views
Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom III deo

Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom III deo

03 августа, 2010

Budite deo društvenih bukmarking sajtova

Ovo i nije taktika koja nam se posebno dopada, ali ne možemo da poreknemo da linkovi sa njih pomažu bolje rangiranje našeg sajta. Sajtovi za bukmarkovanje, poput Delicious (Delišis) daju ljudima prostor gde mogu da čuvaju svoje linkove i pruža organizovanu arhivu koja je generalno mnogo korisnija od opcije za bukmarkovanje koju ima Vaš pretraživač. Takvi sajtovi su dostupni sa bilo kog računara širom planete te su zbog svoje korisnosti veoma brzo stekli veliku popularnost i dobre pozicije. Jednostavno se prijavite na nekoliko sajtova koje želite da koristite i bukmarkujte svoje omiljene linkove. Jedino nemojte zaboraviti da linkujetei ka Vašem sajtu.

3280 views
Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom II deo

Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom II deo

02 августа, 2010

Pregledajte povratne linkove svoje konkurencije

Pod konkurencijom podrazumevamo sve ljude koji nastoje da postignu sto bolji rank za iste ključne reči koje i Vi preferirate na Guglu. Na primer, popwebdesign.net se rangira za ključnu reč/frazu „web dizajn novi sad“. Ako želite da pronađete dobre izvore te linkove, jednostavno možete da pogledate koji sajtovi sadrže tu ključnu reč, i odakle su njihovi linkovi. Kada biste hteli da nađete izvore tih linkova, sve što treba da učinite je da potražite sajtove koji se dobro rangiraju za date ključne reči i odakle potiču njihovi linkovi. Pogledajte kod svoje konkurencije besplatne izvore linkova koje biste mogli da stavite kod sebe. Ukoliko pomažu njima, sigurno da će i Vama.

2791 views
Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom I deo

Povratni Linkovi – Kako da ih Izgradite i Dominirate Guglom I deo

27 јула, 2010

Zasto su linkovi toliko vazni? Oni su krucijalni ukoliko zelite da povecate broj poseta na Vasem sajtu. Linkovi od drugih sajtova ka Vasem su u principu „glasovi“ koji govore pretrazivacima da je pouzdan i da sadrzi kvalitetan sadrzaj.

2901 views