Re: [css-d] Custom CSS resets
Andrew Cunningham wrote: if you consider b and i elements to be purely presentational, then I guess you can leave browsers to their own devices. But I work on sites that are multilingual and where user generated content could be in any language, so if these elememts are purely presentational then they should never occur in the templates or in user content. If on the other hand you see these elements as symantic, then the resets make sense, since the appearance of these elements should be styled on a per language or a per writing script basis. If the b and I elements are symantic, then b isn't necessarily bold, and i isn't necessarily italic I cannot imagine any situation in which the b and i elements could ever be anything other than purely presentational; obviously the preferred semantic elements are strong and em, but they are for authors : with a CSS reset, we are attempting to re-style extant documents over which we may have little or no control. Philip Taylor __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
We're going a little off-topic here. ;-) My point is not about tags, but about how a CSS reset should be used. Eric's reset is a general-purpose tool that should be always tailored to your specific needs and not copied and pasted without knowing exactly what it does (as many authors do). Since CSS is not a programming language, authors can modify the original file by adding or removing specific rules with ease. Eric's reset is not like jQuery or Prototype: its core can be modified to address specific projects. For example, if you use XHTML and not HTML5 you can remove the reference to HTML5 tags. And so on. :-) -- http://gabrieleromanato.com/ http://blog.gabrieleromanato.com/ (English) __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Custom CSS resets
Hi all. I've been working on a mini project to make Eric Meyers reset a little more useful for me. The basic Idea is to use Sass to give the reset a few options. Full source, demo, docs can be found here = https://github.com/pebblecode/PCR I'd love to get some feedback on this. Whether the implementation seems ok to you, and more importantly whether you think this is a good idea as a concept? Comments / criticisms greatly appreciated. Many thanks Mark -- Mark Durrant UX/UI Designer @ pebblecode.com Office # +44 (0) 20 3327 3940 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
Hi,
CSS resets are useful (I mean, really useful) on a specific range of
projects. For example, they're useful on web apps because they can
also be combined with other frameworks to get you started ASAP.
They're less useful when a significant portion of your site contents
are generated by users (such as in a CMS).
In this case, resets should be rewritten in a way that allows you to
leave some browser's default styles intact or at least not
overwritten. Consider this:
b, i {
font-style: normal;
font-weight: normal;
}
If you forget to redefine your styles, a client of yours might call
you just to say that all of its MS Word contents inserted in the CMS
editor look like plain text without any kind of basic formatting (bold
and italic).
In these particular projects, CSS resets should be selective and not massive.
HTH
Gabriele
--
http://gabrieleromanato.com/
http://blog.gabrieleromanato.com/ (English)
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
Gabriele Romanato wrote:
In this case, resets should be rewritten in a way that allows you to
leave some browser's default styles intact or at least not
overwritten. Consider this:
b, i {
font-style: normal;
font-weight: normal;
}
If you forget to redefine your styles, a client of yours might call
you just to say that all of its MS Word contents inserted in the CMS
editor look like plain text without any kind of basic formatting (bold
and italic).
I do not understand. Why might a CSS-reset stylesheet want to set
font style and weight to normal for the b and i elements ?
That is not a reset (normalising everything to a common
intelligent default) but more of an aberation. I have little use
for CSS-resets myself, but the particular example you adduce seems
perverse as best. What Eric actually proposes for the b and i
elements (along with most others) is :
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
i.e., leave font-weight and style to the browser, which can be relied
on to do the intelligent thing.
Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
On Monday, 13 August 2012, Philip TAYLOR i.e., leave font-weight and style to the browser, which can be relied on to do the intelligent thing. if you consider b and i elements to be purely presentational, then I guess you can leave browsers to their own devices. But I work on sites that are multilingual and where user generated content could be in any language, so if these elememts are purely presentational then they should never occur in the templates or in user content. If on the other hand you see these elements as symantic, then the resets make sense, since the appearance of these elements should be styled on a per language or a per writing script basis. If the b and I elements are symantic, then b isn't necessarily bold, and i isn't necessarily italic -- Andrew Cunningham Project Manager, Research and Development Social and Digital Inclusion Unit Public Libraries and Community Engagement State Library of Victoria 328 Swanston Street Melbourne VIC 3000 Australia Ph: +61-3-8664-7430 Mobile: 0459 806 589 Email: acunning...@slv.vic.gov.au lang.supp...@gmail.com http://www.openroad.net.au/ http://www.mylanguage.gov.au/ http://www.slv.vic.gov.au/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
The only CSS reset I normally use is this:
* {
margin: 0;
padding: 0;
border: 0;
}
This covers almost everything and you can now control the tags because of not
many things to worry about.
I've been working on a mini project to make Eric Meyers reset a little
more useful for me. The basic Idea is to use Sass to give the reset a few
options.
Full source, demo, docs can be found here =
https://github.com/pebblecode/PCR
I'd love to get some feedback on this. Whether the implementation seems ok
to you, and more importantly whether you think this is a good idea as a
concept?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
Then you all need to appreciate this:
http://necolas.github.com/normalize.css/
--
Kuzeko
On 13 August 2012 22:31, John D xfs...@hotmail.com wrote:
The only CSS reset I normally use is this:
* {
margin: 0;
padding: 0;
border: 0;
}
This covers almost everything and you can now control the tags because of not
many things to worry about.
I've been working on a mini project to make Eric Meyers reset a little
more useful for me. The basic Idea is to use Sass to give the reset a few
options.
Full source, demo, docs can be found here =
https://github.com/pebblecode/PCR
I'd love to get some feedback on this. Whether the implementation seems ok
to you, and more importantly whether you think this is a good idea as a
concept?
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Custom CSS resets
Looks both interesting and potentially useful. Thank you. Philip Taylor Kuzeko Web Design - Matteo Lissandrini wrote: Then you all need to appreciate this: http://necolas.github.com/normalize.css/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
