Comments on: Toolbox CSS http://tutorialblog.org/toolbox-css/ 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: Adrian Salceanu - http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24561 Adrian Salceanu - Wed, 21 May 2008 11:46:25 +0000 http://tutorialblog.org/?p=2170#comment-24561 The names of the classes are not semantic and contain visual references - which is a big "nono". If the client, for instance, decides to change the text alignment of some container you'd have two bad choices: 1. search and replace all the 'class="textRight"' with something else, which defeats the whole idea of CSS and could cause unwanted results (like changing something you shouldn't), or 2. change the style only, inside the class declaration, which is correct usage of CSS, but would leave you with a class named "textRight" that aligns the text on the left. Which will make a total mess out of the presentation layer. Also, attribute selectors are not fully supported and should not be used. Otherwise, it's a nice idea, but a bit hard to implement, as is. The names of the classes are not semantic and contain visual references – which is a big “nono”. If the client, for instance, decides to change the text alignment of some container you’d have two bad choices: 1. search and replace all the ‘class=”textRight”‘ with something else, which defeats the whole idea of CSS and could cause unwanted results (like changing something you shouldn’t), or 2. change the style only, inside the class declaration, which is correct usage of CSS, but would leave you with a class named “textRight” that aligns the text on the left. Which will make a total mess out of the presentation layer.

Also, attribute selectors are not fully supported and should not be used.

Otherwise, it’s a nice idea, but a bit hard to implement, as is.

]]> By: Karl Hardisty - http://mothership.co.nz http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24560 Karl Hardisty - http://mothership.co.nz Wed, 21 May 2008 04:06:55 +0000 http://tutorialblog.org/?p=2170#comment-24560 The most powerful aspect of this I believe is the ability to jump back and forth between different sites, and feel comfortable. Anyone could create a toolbox for themselves based upon what they're comfortable with, but to be honest: who would? Especially when someone else has done it for you. Good work. The most powerful aspect of this I believe is the ability to jump back and forth between different sites, and feel comfortable.

Anyone could create a toolbox for themselves based upon what they’re comfortable with, but to be honest: who would? Especially when someone else has done it for you.

Good work.

]]> By: ChrisB - http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24521 ChrisB - Sun, 11 May 2008 02:23:41 +0000 http://tutorialblog.org/?p=2170#comment-24521 @Tobias I agree, class's should describe the content they mark up, so a style-sheet can apply the style for a particular situation, design, or page. @Jermayn reset style-sheets are nice if your worried about keeping things like font sizes, line heights, margins etc.. consistent across multiple browsers. There are some that may be bloated, but generally they serve a more universal function imo. @Tobias I agree, class’s should describe the content they mark up, so a style-sheet can apply the style for a particular situation, design, or page.

@Jermayn reset style-sheets are nice if your worried about keeping things like font sizes, line heights, margins etc.. consistent across multiple browsers. There are some that may be bloated, but generally they serve a more universal function imo.

]]> By: Tobias - http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24520 Tobias - Sun, 11 May 2008 02:08:20 +0000 http://tutorialblog.org/?p=2170#comment-24520 This is a big step backwards if you believe design and structure should be separated. It's really only a shortcutted version of using inline styles... not exactly ideal. This is a big step backwards if you believe design and structure should be separated. It’s really only a shortcutted version of using inline styles… not exactly ideal.

]]> By: troyfoley - http://www.troyfoley.com http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24517 troyfoley - http://www.troyfoley.com Sat, 10 May 2008 21:50:22 +0000 http://tutorialblog.org/?p=2170#comment-24517 What browsers support this stylesheet? What browsers support this stylesheet?

]]> By: chriscoyier - http:// http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24511 chriscoyier - http:// Fri, 09 May 2008 17:51:28 +0000 http://tutorialblog.org/?p=2170#comment-24511 @Marlyse Thanks, that indeed was a syntax error in the code displayed in the article, I have that fixed. @Marlyse Thanks, that indeed was a syntax error in the code displayed in the article, I have that fixed.

]]> By: Jermayn - http://germworks.net/blog http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24509 Jermayn - http://germworks.net/blog Fri, 09 May 2008 04:21:02 +0000 http://tutorialblog.org/?p=2170#comment-24509 @Pat - over kill... KISS is always the best method. @Chris - This is much better than a silly reset or some framework that only adds bloated junk to websites. @Pat – over kill…

KISS is always the best method.

@Chris – This is much better than a silly reset or some framework that only adds bloated junk to websites.

]]> By: Marlyse Comte - http://www.mStudiosTALK.com http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24505 Marlyse Comte - http://www.mStudiosTALK.com Thu, 08 May 2008 21:43:59 +0000 http://tutorialblog.org/?p=2170#comment-24505 Nice article and tool's CSS! I did find a small error though : the line: a[href~=".pdf] ... is missing a " after the word pdf and thus the CSS will stop right there with excecution. It should read correctly: a[href~=".pdf"] ... . Keep up your good work, love your articles. Nice article and tool’s CSS!

I did find a small error though : the line: a[href~=".pdf] … is missing a ” after the word pdf and thus the CSS will stop right there with excecution. It should read correctly: a[href~=".pdf"] … .

Keep up your good work, love your articles.

]]> By: André Gärtner - http://www.phodana.de http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24503 André Gärtner - http://www.phodana.de Thu, 08 May 2008 18:34:46 +0000 http://tutorialblog.org/?p=2170#comment-24503 Pretty good idea... Pretty good idea…

]]> By: chriscoyier - http:// http://tutorialblog.org/toolbox-css/comment-page-1/#comment-24502 chriscoyier - http:// Thu, 08 May 2008 12:53:38 +0000 http://tutorialblog.org/?p=2170#comment-24502 @Pat I've seen that kind of thing before, but I think it's unnecessary. I'm not quite sure what problem this actually solves and it looks like it might actually cause more potential problems than it solves. I'm open to hearing more about it though! @Kevin: You can do whatever you want with it, go ahead and remove the name, I don't mind! @Pat I’ve seen that kind of thing before, but I think it’s unnecessary. I’m not quite sure what problem this actually solves and it looks like it might actually cause more potential problems than it solves. I’m open to hearing more about it though!

@Kevin: You can do whatever you want with it, go ahead and remove the name, I don’t mind!

]]>