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

Jest mam samo XPje- in mi jih lepo prosim pustite cisto pri miru, vsaj se naslednjih X let :D

blackmamba, nisi prebral tistega, kar smo se pogovarjali nekaj postov višje? IE9, Microsoftov browser, ki naj bi končno podpiral CSS3 in HTML5, ne bo podpiral Windows XP. Ja, tudi ti boš rekel, saj ni problema, saj imamo Firefox, Chrome, Opero, ... Imamo, pa kaj?

Perun, ti v tem primeru nisi problematičen :)

je že kdo računal koliko bi prišparal s CSS3 in HTMl5 v primerjavi s kladičnim kodiranjem? potrebovali bi nek referenčni primer. Če pomislim samo na senčenje in okrogle robove je pomojem pri izdelavi recimo glavne navigacije (<li> se mora prilagajati po širini tekstu) vsaj 70%).
<ul>
<li><a>

pol pa samo še s CSS našibaš
<ul><li> { border-radius: 5px; box-shadow: 0 3px 5px black }

in zadeva je ucvrta.

Hu, če pomislim, da bi moral pri obstoječem CSS najprej zrezat levi in desni polkrog(ločeno zaradi prilagajanja tekstu znotraj linka, dodat transparenco z gif ali png, po možnosti še kakšen preliv zadj, da ti pri GIF para živce, pa da moraš spremenit html strukturo, da oba polkrogca not dodaš in da se moraš zajebata z IE6 podporo za transparenco PNG-ja,...

Razmišljam, da bi začel dajati popuste tistim strankam, ki bi pristale na CSS3 seveda z jasnim opozorilom, da bo določen % ljudi gledalo kvadrate namesto lepih okroglin. Pri večjem projektu bi se obema poznalo. Nam in stranki.

pa toliko manj http requestov in prenešnih kb zaradi manj slikovnega materiala.. Še gradient postane bolj podprt pa skoraj ne rabim več Photoshopa =)

Antony, ideja ni slaba. Namesto da se zaračunava +5% za podporo starim brskalnikom, se da 5% popusta, če naročnik podpira sodobne tehnologije..

DiTi:
Saj je pa zadnji čas da se prešalta iz windows xpjev. pa če tudi ie9 ne bo podpiral pa še ti skos ostane ff, chrome in opera kateri pa bodo tudi v xpjih delali. nevem zakaj je to vsem problem. kot da bi se še vsi vozli z 10 let starimi avtomobili.

In zakaj bi moral zamenjat dober avto z drugim, ki za mojo uporabo ni nič drugega kot lepši. XPji in IE7 + 8 bodo še nekaj časa aktualni. Razen če mi daš € za novi svetleči win7 ;)

To je večna debata.....zakaj če ni potrebe?
Zakaj zamenjat iPhone saj na tastarega še vedno lahko kličem, pošiljam smse, ....? Zakaj iz XPjev na Win7? Zakaj nov avto če star dela še ok? Zakaj XX če pa XX?

Pomoje je kogarkoli v karkoli brezveze prepričevat. Vsak ve kaj sam rabi in kaj njemu odgovoraja.

Nekdo hoče met čisto nove gadgete (iPhone 4) mu je pa za avtomobile čisto vseeno in vozi 15 let staro kripo. Drug bo gledal sam da bo čimbolš avto mel bo pa še GA628.

Je pa tko da ko enkrat zamenjaš na boljše nazaj ne greš več :D

Bostjan...saj ne gre za prepričevanje. Hec je v tem, da bomo morali mi kot razvijalci vedno poskrbeti za ustreznost in skladnost s standardi, ne pa uporabniki. Tako kot mora mehankar znat popravit fička al pa novega bemflna, ko smo že pri avto primerjavah.

Bil strasten zagovornik XP sedaj imam povsod 7 in če pomislim na tiste čase je kot da bi scal proti vetru. :)

1

Matjaž to je pa kar problem ja.

Lahko pa rečem, da ko sem nedavno izdeloval nek portal (in ga sedaj tudi že dokončal) sem se zavestno odločil, da mi za IE6 takorečeno dol visi.

Tako v IE6 portal ne dela in se samo pokaže prijazno obvestilo z nasvetom o nadgradji. Rezultat: IE6 obisk pada \o/

Se mi zdi, da se preveč ubadamo s temi zadevami. Sploh glede na to kako se "velikani" obračajo, ki tudi počasi črtajo podporo za stare brskalnike.

3