CategoryStyle Guides

May 16, 2016 — Creating a living style guide is a long but worthwhile process. Steven Lambert made a few mistakes along the way that prevented developers and designers from adopting it sooner or using it effectively. However, he pushed through and eventually made it to the end. This is the story of how Steven developed a living style guide, the mistakes made along the way, and why the current landscape of style guide generators did not suit his needs. Read more…

April 14, 2015 — Living style guides help front-end developers transform front-end codebases into well-described pattern libraries with the minimum of effort. But to make them really efficient, we need to choose the proper tools — so let’s have a closer look at what our community has to offer. In this article, Robert Haritonov has arranged the tools by function, highlighting only the most powerful ones worth knowing about. You can find more tools, plus videos, articles and other material about style guides at styleguide.io. Read more…

March 5, 2015 — In this article, Varya Stepanova & Juuso Backman will talk about style guides that are generated directly from the style definition sources — i.e. CSS and its modern variants. Style guides are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly popular practice. But even with the clear benefits, taking the necessary steps to start using them is easier said than done, as quite often the challenge is cultural, requiring changes in people’s mindsets. We encourage everyone to try it! Read more…

February 17, 2014 — Joshua Mauldin started with style guides with the desire to make it simple to maintain and grow a design. One of the first questions, understandably, was why use Fireworks for a style guide? For him, it was mostly because of symbols and styles. Sure, you could use similar things in Photoshop, but he found Fireworks’ implementation to be smarter. In this article, you will find out why you would want to set up a style guide using Fireworks, and you’ll also get a little starter template that Joshua likes to use. Read more…

June 20, 2011 — We bring you a free icon set, called Style Guides. Designed by Thomas McGee (of WinePress of Words), it’s perfect for websites with an editorial flair. 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…