Good Designers Copy, Great Designers Steal
A while back I found a CSS Tip on 37Signals blog which I thought was very useful. So I stole it (Okay I suppose it’s copying but whatever) and added the idea to my stylesheet. However depending in my project I might not be able to make it an ID. So I made it a class - however I didn’t really agree with the idea of calling it a Flash Bar like 37Signals just because if someone else was using my stylesheet in a project which might have flash, they might think that the class would go around a certain flash element.
So now I have this class one class which defines the border, font-size, padding, margin, etc and then I chain another class which will define the color of the text, background, and if I want I can include a background image as an icon with it.
For example .noticebar.warn, .noticebar.success, .noticebar.info, etc etc.
Next thing I copied was from the personal style guide for oli.jp which was the callout which is similar to the Flash Bar from 37Signals however it has a different purpose (however the concept for both is the same) I view the Flash Bar as a notification based of an action - like an update or delete, while the callout could be used for articles - which I’ve incorporated into my tumblr skin which is proving to be useful.
