Uvod v HTML5 in CSS3

Med jutranjim brskanjem po internetu sem naletel na zanimiv prispevek, ki opisuje nov način kodiranja spletnih strani v HTML5 in CSS3 (v primerjavi s "starim" HTML-jem in CSS-jem). Članek na primeru simpl designa prikaže kodiranje spletne strani, predstavi nekatere nove značke, atribute, funkcije - in na koncu je rezultat osupljiv. Zelo berljiva koda, uporabljeni pa so samo 3 div-i.

Članek je sicer star skoraj leto dni, pa vseeno: klik.

28 odgovorov

Saj pravim. Če se lahko Google (in s tem tudi youtube) odloči, da ie6 več ne bo ponujal podpore, zakaj bi se trudili manjša podjetja in posamezniki? saj če uporabljaš css3 še bo stran vedno vidna in gledljiva tudi v IE6. pomojem potem tudi ne gre za zahtevne uporabnike, kateri bi dali veliko na izgled strani in bi jih motilo da ni zaobljenih robov ter senčenja.

ni samo IE6 problem, temveč celotni Ms IE. Tudi win7 in IE8, v tem je pa res problem, ker zaradi tega CSS3 ne bo polno funkcioniral še lep čas. Lahko bi razvijal boljše vmesnike z manj dela in posledično z manj stroški. Pomisli, kaj vse to za sabo potegne.

Ok potem pa malo statistike. Stran ima 10k obiska mesec. Od tega je 1000 IE6 1100 IE7 in 2400 IE8. Zdaj pa recite da se zavestno odpovedujete 1000 potencialnih kupcev. Verjemi mi da ne bo noben od teh nadgradil ie zaradi tvojega opozorila na strani. Pa to je kot bi v štacuno obesil napis...eurocarda ne sprejemamo.

Matjaž se strinjam s teboj, da pri trgovine je drugačen problem.

Moj projekt ni bil trgovina, je bila stran kjer ima obiskovalec precej več koristi od portala kot jaz od uporabnika. Zato sem si načeloma lahko to privoščil. In ravno s takimi portali upam, da bo vsaj kdo nadgradil brskalnik. Če bo to 20% je že dosežek.

1

Se strinjam CSS3 lahko še nekaj časa pustimo na miru. Moramo vedeti, da CSS3 in HTML5 sploh še nista sprejeta standarda in ju že zaradi tega ne moremo uporabljati.

Najprej bomo začeli uporabljati HTML5, ker je v večini primerov kompatibilen za nazaj in bo imel najbrž zelo pozitivne učinke na SEO (nav, article, ... tagi).

2

http://www.apple.com/html5/

Nekaj primerov kaj se da naredi s HTML5, CSS3 in JavaScript