web design toolkit 1010 Responses

Last post: 6 months ago | Thread started: Nov 19, 12, 2:09 p.m.

RespondNew TopicDisable Images

• _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.

  Nov 19, 12, 2:09 p.m. – Permalink

• melq

  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.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 2:32 p.m. – Permalink

• _salisae_

  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.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 2:44 p.m. – Permalink

• BabySnakes

  Starbuck's style guide is nice:
  http://www.starbucks.com/static/…

  • wild– _salisae_

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 2:48 p.m. – Permalink

• _salisae_

  headline styles, rollover states, photo styling, use cases .. etc .. so i suppose it's less programming and more guidelines.

  • which i've done for print but not for web ..– _salisae_

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 2:54 p.m. – Permalink

• oilpan

  front-end style guides? https://gimmebar.com/collection/…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 3:03 p.m. – Permalink

• ETM

  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.

  • you're absolutely right. i like to have a complete picture when i start a project but i'll just wing it and see.– _salisae_1/2

    A complete picture would mean you aren't learning anything new. Solving unknowns mean you are :)– ETM2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 3:06 p.m. – Permalink

• oilpan

  http://larrybotha.github.com/sty…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 19, 12, 3:13 p.m. – Permalink

• ETM

  This is broad, but might still hold something useful:
  http://www.smashingmagazine.com/…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 20, 12, 9:59 a.m. – Permalink

• _salisae_

  that is super helpful. thank you, ETM

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 20, 12, 10:29 a.m. – Permalink

• instrmntl

  I can try to dig up a Target digital style guide.

  • i can offer you a shovel.– _salisae_1/2

    :)– _salisae_2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earNov 20, 12, 10:32 a.m. – Permalink