[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 and 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 and 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 and 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 and I elements are symantic, then isn't necessarily bold, and 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 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/
Re: [css-d] Custom CSS resets
Andrew Cunningham wrote: if you consider and 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 and I elements are symantic, then isn't necessarily bold, and isn't necessarily italic I cannot imagine any situation in which the and elements could ever be anything other than purely presentational; obviously the preferred semantic elements are and , 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/