web design toolkit
- Started
- Last post
- 10 Responses
- _salisae_
i've designed about 25 pages of a site and am handing over the psds so the in-house designers can build out the rest. i need to put together a toolkit and wondered if anyone had any examples they could share.
- melq0
Are you referring to a visual stylesheet, something like this:
http://floccinaucinihilipilifica…...or a page with all of the elements that need styled, such as this:
http://www.cs.tut.fi/~jkorpela/w…...or perhaps something else altogether.
Sorry if I misunderstood the question.
- _salisae_0
thank melq. those are interesting. wish i could see the first one more close up. it's more of a brand guideline mixed with certain aspects of both of those.
i'm kind of curious to see what people are doing around this topic.
- BabySnakes0
Starbuck's style guide is nice:
http://www.starbucks.com/static/…
- _salisae_0
headline styles, rollover states, photo styling, use cases .. etc .. so i suppose it's less programming and more guidelines.
- oilpan0
front-end style guides? https://gimmebar.com/collection/…
- ETM0
You can approach it similarly to doing it for print. Headlines styles are still a font, weight etc. with examples pictured. But you'd also add the accompanying CSS class and/or a heading tag (h1, h2) etc. Much of it can really be done the same as a print style guide. Start with what you know to get rolling then you can fill in the blanks later.
- ETM0
This is broad, but might still hold something useful:
http://www.smashingmagazine.com/…
- _salisae_0
that is super helpful. thank you, ETM
- instrmntl0
I can try to dig up a Target digital style guide.