Postovi po Kategoriji: Web programiranje

Web programiranje vesti, tutorijali, aktuelno u svetu web programiranja

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

август 22, 2010
2440 views

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

3032 views
jQuery – šta je i čemu služi?

jQuery – šta je i čemu služi?

јун 26, 2010

jQuiery je biblioteka koja pruža bržu i lakšu gradnju web stranica pisanih u java skripti, i web aplikacija. Sa jQuery-jem možete uz pomoć samo jedne linije sa kodom da postignete isto što biste postigli sa 10-20 linija regularnog Java Script koda.

4247 views
Šta je CMS?

Šta je CMS?

мај 25, 2010

CMS (Content Management System) je sistem za upravljanje sadržajem, deo softvera koji radi na web serveru, uz pomoć koga se se može bez poznavanja programiranja i ostalih naprednih veština i znanja upravljati sadržajem.

4779 views
Kad Kod Ne Ispunjava Standarde

Kad Kod Ne Ispunjava Standarde

мај 10, 2010

Otkada je osnovan WWW Konzorcijum, popularno nazvan W3C, nastala je poplava nesporazuma i dogovaranja koji se odnose na standarde za validaciju kodova web stranica pisanih u HTML-u i CSS-u. Postupak validacije je usmeren na kompatibilnost web sajta sa različitim pretraživačima.

2246 views
Kako da Promenite Font u CSS-u?

Kako da Promenite Font u CSS-u?

мај 07, 2010

Podešavanje prikaza fontova u CSS-u uz pomoć jednostavnih pravila. Krenimo sa upoznavanjem osnova:

2630 views