CategoryStyle Guides

March 5, 2015 — Style guides come in many forms and shapes, but in this article we’ll concentrate on style guides that are generated directly from the style definition sources — i.e. CSS and its modern variants. Read more…

February 17, 2014 — I started with style guides like any other obsessive-compulsive designer: with the desire to make it simple to maintain and grow a design. Plus, knowing which component to use in a given situation is nice, too, right? Since making this a regular practice, I’ve found it’s been like having a nice combination of a CSS class and a pattern library all in one. Read more…

June 20, 2011 — Today, we’re excited to present you with a free icon set, called Style Guides. Perfect for websites with an editorial flair, Style Guides features 14 high-quality icons ranging from 32×32 to 512×512 pixels. Designed by Thomas McGee of WinePress of Words, this set has been exclusively released for Smashing Magazine and its readers. Read more…

August 30, 2010 — A few years ago, you might not have pointed out during a meeting with a potential client that you maintained a blog. Over time, though, blogs have evolved from the being a personal hobby to a serious work tool. In fact, today, web designers are supposed to know much more than just how to design and build websites. Customer’s expectations have increased, and unless you are in position to choose your favourite clients, meeting them requires hard work. Read more…

July 21, 2010 — A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. One way to help those who take over your projects is to produce a style guide. Read more…

May 2, 2008 — Once your latest project is finished, you are very likely to forget the structure of the project’s layout, with all its numerous classes, color schemes and type setting. To understand your code years after you’ve written it you need to make use of sensible code structuring. The latter can dramatically reduce complexity, improve code management and consequently simplify maintainability. However, how can you achieve sensible structuring? Well, there are a number of options. For instance, you can make use of comments — after all, there is always some area for useful hints, notes and, well, comments you can use afterwards, after the project has been deployed. Read more…