Comments on: Designer’s Toolbox: Blank CSS Template http://tutorialblog.org/designers-toolbox-blank-css-template/ High Quality Photoshop Tutorials, Tips and other Great Things... Thu, 19 Nov 2009 00:28:25 -0500 http://wordpress.org/?v=2.8.5 hourly 1 By: Armen - http://alphablogdesigns.com/ http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23193 Armen - http://alphablogdesigns.com/ Mon, 24 Mar 2008 11:33:28 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23193 <b>Chris</b> - I'm with you on the universal selector issue. I'm not convinced that it's all that bad, and I still use it extensively without any problems. Chris – I’m with you on the universal selector issue. I’m not convinced that it’s all that bad, and I still use it extensively without any problems.

]]> By: Ralph - http://www.webpixelkonsum.de http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23183 Ralph - http://www.webpixelkonsum.de Sun, 23 Mar 2008 10:00:00 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23183 Thank you for your great idea to avoid many mistakes and waste time with a standard xhtml and css-template... I should think about this idea for my webprojects, too Ralph Thank you for your great idea to avoid many mistakes and waste time with a standard xhtml and css-template…

I should think about this idea for my webprojects, too

Ralph

]]> By: Andy Wood - http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23161 Andy Wood - Thu, 20 Mar 2008 10:13:45 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23161 koew's comments on the ugliness of fonts at odd pixel size's is a valid one based on my own experience with older browsers on older platforms. Perhaps I am stuck in a timewarp, but I still feel the need to use even pixel sizes especially at smaller end of the scale. Other than that I think this is a very useful template and I find your CSS-Tricks site to be an excellent read. Thanks Chris. Cheers koew’s comments on the ugliness of fonts at odd pixel size’s is a valid one based on my own experience with older browsers on older platforms.

Perhaps I am stuck in a timewarp, but I still feel the need to use even pixel sizes especially at smaller end of the scale.

Other than that I think this is a very useful template and I find your CSS-Tricks site to be an excellent read. Thanks Chris.

Cheers

]]> By: chriscoyier - http:// http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23160 chriscoyier - http:// Wed, 19 Mar 2008 15:37:16 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23160 @Frederic: I use include that as a part of my "toolbox" CSS. It is basically a one-pixel alpha-transparent PNG so that I can apply a transparent black fill to a box without having to use the Opacity attribute. Opacity is great sometimes, applying it to an element forces all the child elements to have opacity also. If those child elements are text, that can be a bad thing. This way you can apply a transparent background and keep fully opaque text. @koew: I was actually not aware that even pixel sizes rendered better.... I'm gonna have to look into that. @Frederic: I use include that as a part of my “toolbox” CSS. It is basically a one-pixel alpha-transparent PNG so that I can apply a transparent black fill to a box without having to use the Opacity attribute. Opacity is great sometimes, applying it to an element forces all the child elements to have opacity also. If those child elements are text, that can be a bad thing. This way you can apply a transparent background and keep fully opaque text.

@koew: I was actually not aware that even pixel sizes rendered better…. I’m gonna have to look into that.

]]> By: koew - http://koew.net/ http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23159 koew - http://koew.net/ Wed, 19 Mar 2008 14:02:53 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23159 I don't see why you should use 1.3em (~13px) for the p-selectors font size. If there's something which renders ugly on older browsers (especially without ClearType or similar functions), it's a font sized at 13. It's better to work with even numbers, like 8, 10, 12, 14 and 16. Better readability > fancy designing. (Personal opinion, and can be argued till the end of time) I don’t see why you should use 1.3em (~13px) for the p-selectors font size. If there’s something which renders ugly on older browsers (especially without ClearType or similar functions), it’s a font sized at 13.

It’s better to work with even numbers, like 8, 10, 12, 14 and 16. Better readability > fancy designing. (Personal opinion, and can be argued till the end of time)

]]> By: Frederic - http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23157 Frederic - Wed, 19 Mar 2008 04:14:16 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23157 Great RES for the website editpadders like me ! Can you explain the utility of the .transpBlack { background: url(transpBlack.png); } thought ? Great RES for the website editpadders like me !

Can you explain the utility of the .transpBlack { background: url(transpBlack.png); } thought ?

]]> By: veerendra - http://www.v-render.com http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23149 veerendra - http://www.v-render.com Mon, 17 Mar 2008 04:19:47 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23149 thanks for the sofisticated blank css and html template. this guide will help me! thanks for the sofisticated blank css and html template. this guide will help me!

]]> By: chriscoyier - http:// http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23143 chriscoyier - http:// Sun, 16 Mar 2008 18:16:45 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23143 I have yet to see any firm evidence on the star selector noticeably slowing down rendering. I don't doubt that it does slightly, since the star selector will literally apply it self to every single element on the page. But I have serious doubts that the slight slowdown is even noticeable on even very complex pages. Also, it's not the margin and padding being removed with the star selector that screw up default input fields, it's the border, and notice how the border is not reset here. Default input styles will remain intact (e.g. the glowy buttons in Safari or the blocky beveled buttons in FF or IE). You are correct though that if you strip border in this way, those default styles cannot be reapplied. Overflow-y is also not nonsense. It applies an empty vertical scrollbar in browsers that don't already have that (IE by default already does this). This may take up screen real estate when not needed occasionally, but it eliminates the awkward "jump" in horizontal centering when navigation between a page that scrolls and a page that doesn't. I have yet to see any firm evidence on the star selector noticeably slowing down rendering. I don’t doubt that it does slightly, since the star selector will literally apply it self to every single element on the page. But I have serious doubts that the slight slowdown is even noticeable on even very complex pages.

Also, it’s not the margin and padding being removed with the star selector that screw up default input fields, it’s the border, and notice how the border is not reset here. Default input styles will remain intact (e.g. the glowy buttons in Safari or the blocky beveled buttons in FF or IE). You are correct though that if you strip border in this way, those default styles cannot be reapplied.

Overflow-y is also not nonsense. It applies an empty vertical scrollbar in browsers that don’t already have that (IE by default already does this). This may take up screen real estate when not needed occasionally, but it eliminates the awkward “jump” in horizontal centering when navigation between a page that scrolls and a page that doesn’t.

]]> By: Blaise Kal - http://spookpaard.nl http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23141 Blaise Kal - http://spookpaard.nl Sun, 16 Mar 2008 14:25:27 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23141 The idea of having a default template is good. The way it's done here isn't. For example: the * selector slows rendering down. It also removes wanted margins and paddings from form input fields in certain OS's/browsers, which cannot be reapplied. The overflow-y is also nonsense, since your page may not always be scrollable, making the scrollbar obsolete (and confusing to some). The idea of having a default template is good. The way it’s done here isn’t.

For example: the * selector slows rendering down. It also removes wanted margins and paddings from form input fields in certain OS’s/browsers, which cannot be reapplied.

The overflow-y is also nonsense, since your page may not always be scrollable, making the scrollbar obsolete (and confusing to some).

]]> By: chriscoyier - http:// http://tutorialblog.org/designers-toolbox-blank-css-template/comment-page-1/#comment-23140 chriscoyier - http:// Sun, 16 Mar 2008 13:53:08 +0000 http://tutorialblog.org/designers-toolbox-blank-css-template/#comment-23140 For a "barebones" template for wordpress, check out Elliot Jay Stocks "<a href="http://elliotjaystocks.com/blog/archive/2008/free-starkers-wordpress-theme/" rel="nofollow">Starkers</a>" theme. For a “barebones” template for wordpress, check out Elliot Jay Stocks “Starkers [http://elliotjaystocks.com/blog/archive/2008/free-starkers-wordpress-theme/]” theme.

]]>