I explored the html5boilerplate quite a bit, but decided to come up my own
template instead.
To its credit, it has some really nice stuff in there and I have adapted to my
template too, but there are a number of elements that I found that really
shouldn't be in there.
If you are using the template, you may want to get rid of these two:
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22;
}
This one likely will get Felix Miata all heat up :-)
Apart from this, no typeface declared and default to sans or sans serif is not
a good approach. I have in a few occasions found it resulted very bad rendering
in IE from XP and Windows 7 via Parallel Desktop, however I have not run a
thorough test whether it's a combinations of @fontface declaration (with
font-wight:normal for headings) and Windows system in Parallel Desktop.
html { -webkit-font-smoothing: antialiased; }
This is best used only if a site has a darken background. For site that has
light or white background, it gives a false impression that the text is blur. I
get many feedbacks from clients that their customers complaint about the text
not 'clear' in Chrome browser (and Safari too - but no PC user uses Safari I
presume :-) ).
tee
On Oct 1, 2010, at 8:15 AM, field.ni...@gmail.com wrote:
> HI,
>
> Joined the chat a bit late, hope the following URL is helpful
> without being redundant.
>
>
> <http://html5boilerplate.com/>
> ___________________________
> Christopher Kennon
> Bushidodeep
> Principal/Developer/Designer
>
> (w) http://bushidodeep.com
> (e) field.ni...@gmail.com
> (gv) 818.322.4513
>
>
>
>
>
>
>
>
> On Sep 27, 2010, at 3:13 AM, tee wrote:
>
>> Only the two Webkit browsers are able to render the "header" and "footer"
>> correctly.
>>
>> http://lotusseedsdesign.com/css-test/templegate.html
>>
>> header {
>> height : 300px;
>> width : 980px;
>> text-align : center;
>> position : relative;
>> clear : both;
>> overflow : hidden;
>> margin : 0 auto;
>> border : 1px solid #369;
>> background : #ddd;
>> }
>>
>> I can't find anything wrong with my style sheet and the html code.
>>
>> tee
>>
>>
>>
>>
>> *******************************************************************
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: memberh...@webstandardsgroup.org
>> *******************************************************************
>>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
