Isa Costa

Isa Costa

Markup Review

A very small site, but with a great twist built using HTML5.

5 thoughts on “Isa Costa

Nuno says
#

também quero ajuda à festa!

Kroc Camen says
#

Looks good, unquestionably. But has some code quirks that could have been done a lot more elegantly.

, really?

Kroc Camen says
#

I meant to say <section class=”shadow”></section>

Isa says
#

I was just anxious to put it online :)
I know there are still some issues I would like to refine. Your point was definitely noted!

Thanks for your feedback :)

Kroc Camen says
#

Ah, great; you’re reading the comments!
What browsers are you targetting? If you’re not supporting IE6, there’s a number of things you could do using CSS instead.

• Use ::before to generate the line numbers based on the elements:
.info {counter-reset: li}
.info>*::before {counter-increment: li; content: counter(li);}

• The shadow could be a CSS3 box shadow (-webkit-box-shadow, -moz-box-shadow), unfortunately not supported in Opera. The shadow background image however could be applied by putting the checker pattern on html and the shadow on body (Yes, <html> and <body> can have separate background images!).

That would eliminate the need for an extra element for the shadow.

Got something constructive to say?