RE: [WSG] CSS resources for Graphic designers?
And some of us work for a govt agency still using Win2000. We don't expect to migrate to XP until sometime late next year, and perhaps upgrade to IE7 after that. No ClearType for us without clear thinking. At least I can install Firefox here at work. But I still need technical approval to so, ... in triplicate. :) listdad@webstandardsgroup.org wrote on 11/14/2006 01:11:26 PM: > > Installing IE7 seems to enable cleartype, or at least something similar to > it when viewing pages. > > > -Original Message- > From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] > On Behalf Of Felix Miata > Sent: Wednesday, 15 November 2006 5:15 AM > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] CSS resources for Graphic designers? > > On 2006/11/14 17:26 (GMT) Barney Carroll apparently typed: > > > Do most people have ClearType turned off, though? > > The answer to this is the same as that about how many people change > their default font size and/or family from the installation default. > Those that know nothing about the capability certainly don't have it > enabled, since off is inexplicably the new system installation default. > -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
FWIW, around here designs are looked at by my dept. before hand at which point we talk about ³do-ability² and offer suggestions and compromises so everyone has the same expectations as to what the end product will be. At least that¹s how it¹s _supposed_ to work... ;-) HTH a little... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Just for another point of view, I intentionally turned off ClearType - for whatever reason, it causes my eyes to strain, almost as if they cannot focus completely. Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS resources for Graphic designers?
Installing IE7 seems to enable cleartype, or at least something similar to it when viewing pages. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Felix Miata Sent: Wednesday, 15 November 2006 5:15 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS resources for Graphic designers? On 2006/11/14 17:26 (GMT) Barney Carroll apparently typed: > Do most people have ClearType turned off, though? The answer to this is the same as that about how many people change their default font size and/or family from the installation default. Those that know nothing about the capability certainly don't have it enabled, since off is inexplicably the new system installation default. -- "Rejoice and be glad, because great is your reward in heaven." Matthew 5:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
On 11/14/06, Barney Carroll <[EMAIL PROTECTED]> wrote: Do most people have ClearType turned off, though? Sadly, I see enough people without it to say that if it isn't on by default, they will never turn it on themselves. -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
On 2006/11/14 17:26 (GMT) Barney Carroll apparently typed: > Do most people have ClearType turned off, though? The answer to this is the same as that about how many people change their default font size and/or family from the installation default. Those that know nothing about the capability certainly don't have it enabled, since off is inexplicably the new system installation default. -- "Rejoice and be glad, because great is your reward in heaven." Matthew 5:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Nick Fitzsimons wrote: On 14 Nov 2006, at 07:13:48, Paul Novitski wrote: I'm leaning toward the opinion that Photoshop is not a good tool in web design ... Fonts are anti-aliased At one design studio where I worked I went round to all the designers showing them how to turn off Photoshop's font anti-aliasing. They complained that it didn't look as good; I pointed out that that's what it would look like in the browser (at least on Windows without ClearType, which is still pretty much the default), so if they expected me to implement their designs, the original designs had to look as bad as they would in a browser. Do most people have ClearType turned off, though? My team has two designers - my colleague uses Illustrator simply because it's extremely convenient in its system of layers and general object-based attitude. I use PhotoShop for the simple reason that it is pixel-based and as such everything _except_ text can be made to appear identical to my sketches. With vector programs you're dealing with a conceptual world that will have to be completely re-defined for the purposes of appearance. I would say that unless you're using it as a photo editor, PhotoShop is expressly for non-print design. The text problem is immense for any question of typography - you can have your beautiful type design on any application fall apart completely because the colour (typographic sense) ends up lighter - at which point you have to compensate by modifying line-feed, size and colour and generally all your reference from the design suite end up useless. I am infuriated that there is this stupid distinction of none; crisp; smooth and strong. There is a huge gap between 'none' and 'crisp' (crisp generally being very heavily anti-aliased) - why can't we have a slider? _And_ turning anti-aliasing off still leaves PhotoShop with its relatively intelligent kerning systems. To be honest, IE (or even bloody Word until the latest edition) without clear-type is absolutely unbearable with smaller font sizes. If you live and design for that world, expect spaces in the middle of words, characters with no division between them, and all manner of horrors. You may as well ignore typographical issues. How ironic that Arial, supposedly designed for reading off screens, renders worst of all. Regards, Barney *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
On 14 Nov 2006, at 07:13:48, Paul Novitski wrote: I'm leaning toward the opinion that Photoshop is not a good tool in web design ... Fonts are anti-aliased At one design studio where I worked I went round to all the designers showing them how to turn off Photoshop's font anti-aliasing. They complained that it didn't look as good; I pointed out that that's what it would look like in the browser (at least on Windows without ClearType, which is still pretty much the default), so if they expected me to implement their designs, the original designs had to look as bad as they would in a browser. That helped to jolt them out of their print-centric attitudes and beliefs to some extent. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Hi,-- Susie Gardner-Brown wrote -->Does anyone have any experience here, or can point to any resources that might assist? There is always something of interest on latest CSS and design issues on > www.dontmeetyourheroes.com and www.popurls.com . and of course the toolkit for design and code at www.alvit.de/handbook/ web developers handbook-- Regards,Jim CallenderFreelance Web Developer w. www.jayonline.co.uke. [EMAIL PROTECTED]h. +44 (0) 1273 818 546m. +44 (0) 7888 701 588 ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
Susie Gardner-Brown wrote: Thanks everyone - good discussion, suggestions and links! I found the link I was planning to post with my last email: http://leftjustified.net/site-in-an-hour/ hth ;o) -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
On 11/14/06, Nick Cowie <[EMAIL PROTECTED]> wrote: Spent a day at CSS Zen Garden showing what can be done (and to get some inspiration), the designer went away and produced a couple of illustrator files that got converted into HTML and CSS very easily. +1 for designs coming from Illustrator! Vector things just seem to make so much more sense, it's easier to change fonts everywhere, scale things as required, etc. Seems much more suited to designing for the web, even if you eventually have to go through a conventional raster app to index colours and optimise compression and whatever else. -- Joshua Street http://joahua.com/blog/ +61 (0) 425 808 469 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Tony Crockford wrote: Susie Gardner-Brown wrote: I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Dunno if that's any clearer ... I know exactly what you mean, but I don't think there's a resource on the net that will help. but as you say, they hardest part is to get them to think like animators, not grid based print designers. Another aspect I have found, they have to let go of the concept that the information is on pages, and people will turn to the next page in a linear sequence. Webs not linear. Letting go of the font rendering, allowing the browser to control the font rendering. That the screen is not an page sized object. That is changes size and resolution (72 to 150 dpi) That the print out can look like their printed material if they wish That people don't read web pages like print material -- Gary *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Susie Gardner-Brown wrote: I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Dunno if that's any clearer ... I know exactly what you mean, but I don't think there's a resource on the net that will help. what you want is PSD's that allow for growth e.g backgrounds that are larger than the space they initially occupy. navigation buttons that allow text to grow so the buttons can expand etc. I think you might get the best benefit from looking at animation tutorials - the old style Disney gel method, where the characters are placed on a background. to me the one thing the GD's don't *get* about CSS is that you don't slice images to fit a grid any more, you arrange images and elements in layers, either side by side or in vertical stacks. I'd try and explain this visually by printing various parts of the design out (switch off layers one by one) and then _show_ the GD's how you build up the page and why they need to think in backgrounds that grow, text that grows and so on. I think once a GD *gets* the layers, they'll find Photoshop very accommodating. but as you say, they hardest part is to get them to think like animators, not grid based print designers. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
It is all dependant on how willing your graphic designer is to let go of certain features of their design. (ie font choice on menu items).It works a lot easier if you have website guidelines and/or corporate style guide. (I had four - State Government website guidelines, State Government style guide [print orientated], agency specific website guidelines and separate agency style guide. A couple of years back did a major agency wide redesign, had the choice between two inhouse print graphic designers, one who had built websites a few years early, ie creating table based layouts by cutting up psds and one with no experience in web. Went with the designer with no web experience, because it was easier to teach from scratch than make them relearn everything. They knew the style guides (which fixed most font choices, including menus), in addition they knew from the start, font size had to be relative and page width elastic. Spent a day at CSS Zen Garden showing what can be done (and to get some inspiration), the designer went away and produced a couple of illustrator files that got converted into HTML and CSS very easily. Nick Cowiehttp://nickcowie.com ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
RE: [WSG] CSS resources for Graphic designers?
Susie, Graphic designers making a successful transition to the web need to let go of a lot of the fine control they exercise routinely in print design. Suddenly the page becomes a rubbery thing, resizable by the user and morphable by changing content. A single static image is to a web page as a single frame is to a movie. Too often a graphic designer will create a snapshot and think their job is done, leaving the "petty details of implementation" to the coder who has to figure out how the page will stretch without breaking and with its look & feel intact -- an enormous job that entails a huge amount of graphic design skills. If you can get your designers to provide a half a dozen snapshots of each page exploring variations in font size and content size your own job will be easier and you'll be much less likely to strangle one another down the road. I'm leaning toward the opinion that Photoshop is not a good tool in web design, at least not the way it's used by most. Fonts are anti-aliased, text is static, dimensions are measured in pixels, not ems, and things are often arranged on the page arbitrarily, eyeballed to look right to the designer, without regard to consistency of margins & gutters. The result is something that looks like a finished product and sets expectations for HTML & CSS to mimic, while in reality it's only an approximation like a good pencil sketch. My ideal graphic designer would be fluent in HTML, using Photoshop to prepare the component images but not to mock up the entire page. Good luck with your meeting, and let us know how it goes. Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Thanks everyone - good discussion, suggestions and links! - susie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS resources for Graphic designers?
If you look at the Zen garden from a complete design point of view, without any background in coding HTML or CSS, then it will just look like anything is possible on the web. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Tuesday, 14 November 2006 4:32 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS resources for Graphic designers? > For that I would encourage them to visit the CSS Zen Garden I'd be wary of recommending the Zen Garden for the fact that a lot of the designs don't represent best practice CSS coding. Yes they're great examples of how you can break boundaries, but you'll also find examples where a lot of the mark-up has simply been set to display: none in favour of a huge graphic that contains all the text. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
For that I would encourage them to visit the CSS Zen Garden I'd be wary of recommending the Zen Garden for the fact that a lot of the designs don't represent best practice CSS coding. Yes they're great examples of how you can break boundaries, but you'll also find examples where a lot of the mark-up has simply been set to display: none in favour of a huge graphic that contains all the text. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS resources for Graphic designers?
Just makes sure they understand that - The page could be infinitely long (so they don’t box a set amount of text in using a framework around it, common mistake of print designers) - That they can’t overlap images all over the place and stagger content, it has to align. If they follow those two rules then it’s very rare they will design something that can’t be built. If they do then it’s your job as the web developer / coder / cut up artist to take it back to them and explain why, then they won’t do it again. If something is going to be quite hard to build, or have to be built in a stupid way then mention it to them as well and explain why it is not a good idea to do it that way. After a bit of backwards and forwards they’ll soon figure out how to produce great designs. If they’re coming from a print background then the hardest thing for them to understand will be the infinite page length (and possibly width, they may design something that relies on the browser being a certain width, so a bit of education might be needed in that department as well) Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Kay Smoljak Sent: Tuesday, 14 November 2006 4:02 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS resources for Graphic designers? Hi Susie, On 11/14/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: In the past (in table-based layout days), the graphic designer on the team would either provide me with a Photoshop layout file that I would cut up, or would sometimes cut it up themselves. I would then build the site using tables, to make it look exactly like the Photoshop layout file. I know exactly where you're coming from - I also have worked a lot with comp-only web designers. However, I tend to take a different approach. To me, the designer shouldn't be thinking about what can be done in terms of code etc at all - they should look at a computer screen and imagine the possibilities. As coders, it's our job to turn their picture into reality. When we were doing table layouts last century, there were often things that I used to tell the designers not to do - things that were difficult or just plain not possible. But with CSS layouts and good standards-compliant browsers (don't scoff, even IE6 is far easier to deal with than Netscape 4 ever was) I've never come across something a designer has suggested that couldn't be done - just look at the Zen Garden. These days I tell them to just go for it (I also like a challenge). However, giving designers a better understanding of screen-design issues - colour and contrast, size, dimensions and readability, flexible widths, accessibility etc - is of course a great idea. For that I would encourage them to visit the CSS Zen Garden and some of the CSS gallery/awards sites and get ideas of what works and what doesn't from what other people are doing. Sometimes one tiny idea from a way-out "designed for designers" blog layout can add a touch of class to a business site. Good luck with it! K. -- Kay Smoljak business: www.cleverstarfish.com standards: kay.zombiecoder.com coldfusion: kay.smoljak.com personal: goatlady.wordpress.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
- are still designing navigation using non-standard fonts etc. That doesn't have to be such a problem if you use image replacement. - When they export a stylesheet to create styles, they use styles that you have to apply to each paragraph. I guess it's something created automatically by something like Imageready. Going back to my first point, I wouldn't worry about this as you'd automatically disregard any styles exported from ImageReady (or any other graphics program) and just create the markup from scratch. - don't necessarily know what can be done with CSS on a design level etc. Maybe select some designs from CSS galleries to demonstrate what can be done. You would have to be selective, however, as the entries aren't always great examples of best practices. This thread has a good list of some of them: http://www.sitepoint.com/forums/showthread.php?t=341031 You might also like to look at the showcase at Accessites.org - http://www.accessites.org/showcase/ - which aims to present "great-looking, highly usable, and very accessible" sites. Their checklists and critera might also provide some useful info as to things to keep in mind/strive for when creating websites. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Hi Susie,On 11/14/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: In the past (in table-based layout days), the graphic designer on the team would either provide me with a Photoshop layout file that I would cut up, or would sometimes cut it up themselves. I would then build the site using tables, to make it look exactly like the Photoshop layout file. I know exactly where you're coming from - I also have worked a lot with comp-only web designers.However, I tend to take a different approach. To me, the designer shouldn't be thinking about what can be done in terms of code etc at all - they should look at a computer screen and imagine the possibilities. As coders, it's our job to turn their picture into reality. When we were doing table layouts last century, there were often things that I used to tell the designers not to do - things that were difficult or just plain not possible. But with CSS layouts and good standards-compliant browsers (don't scoff, even IE6 is far easier to deal with than Netscape 4 ever was) I've never come across something a designer has suggested that couldn't be done - just look at the Zen Garden. These days I tell them to just go for it (I also like a challenge). However, giving designers a better understanding of screen-design issues - colour and contrast, size, dimensions and readability, flexible widths, accessibility etc - is of course a great idea. For that I would encourage them to visit the CSS Zen Garden and some of the CSS gallery/awards sites and get ideas of what works and what doesn't from what other people are doing. Sometimes one tiny idea from a way-out "designed for designers" blog layout can add a touch of class to a business site. Good luck with it!K.-- Kay Smoljakbusiness: www.cleverstarfish.comstandards: kay.zombiecoder.com coldfusion: kay.smoljak.compersonal: goatlady.wordpress.com ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
Susie Gardner-Brown wrote: I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Okay, lets start with navigation lists. I don't know if your designers have an understanding of code, but if they do, they'll be able to see what's going on immediately. I seem to remember MaxDesign even having a Dreamweaver extension to produce menus, all nice and xHTML-ey :-). http://css.maxdesign.com.au/listamatic/ I think that's a start, if I understand you correctly, you want a list of resources that old school designers can look through and see how CSS can help? The University of Minnesota has quite an extensive list - perhaps you could pick out what you'd need specifically. If you want to get them really excited about CSS (assuming they're the sort that get excited about CSS ;-) ), point them to Stu Nicholls' page. http://cssplay.co.uk/index.html I hope this is useful, Regards, - Rahul. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS resources for Graphic designers?
Russ and David once did a 2-day CSS course in Canberra. It was great, particularly in showing a standards compliant way of how css works and what it can do. Your designers could benefit from such a course. IMHO, it would open their eyes to how things are done in 21st century online world. IMHO, it would also let them know that just as you need a good designer to make things look pretty, you need a good web developer to adapt and turn that design into html/css (not to make it look exactly like the design did). M From: listdad@webstandardsgroup.org on behalf of Susie Gardner-Brown Sent: Tue 14/11/2006 3:42 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS resources for Graphic designers? I guess I'm not explaining myself properly. I don't expect Graphic Designers to produce code. I expect to do that myself (as a web developer) In the past (in table-based layout days), the graphic designer on the team would either provide me with a Photoshop layout file that I would cut up, or would sometimes cut it up themselves. I would then build the site using tables, to make it look exactly like the Photoshop layout file. Since I've started building sites using CSS as opposed to tables, I've taken the photoshop layered file, cut it up as necessary, built a stylesheet and placed the graphics (banners, navigation etc) using divs etc. But, (speaking generally) the graphic designers: - are still designing navigation using non-standard fonts etc. - don't necessarily know what can be done with CSS on a design level etc. - When they export a stylesheet to create styles, they use styles that you have to apply to each paragraph. I guess it's something created automatically by something like Imageready. I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Dunno if that's any clearer ... - susie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** <>
Re: [WSG] CSS resources for Graphic designers?
Title: Re: [WSG] CSS resources for Graphic designers? I guess I'm not explaining myself properly. I don't expect Graphic Designers to produce code. I expect to do that myself (as a web developer) In the past (in table-based layout days), the graphic designer on the team would either provide me with a Photoshop layout file that I would cut up, or would sometimes cut it up themselves. I would then build the site using tables, to make it look exactly like the Photoshop layout file. Since I’ve started building sites using CSS as opposed to tables, I’ve taken the photoshop layered file, cut it up as necessary, built a stylesheet and placed the graphics (banners, navigation etc) using divs etc. But, (speaking generally) the graphic designers: - are still designing navigation using non-standard fonts etc. - don’t necessarily know what can be done with CSS on a design level etc. - When they export a stylesheet to create styles, they use styles that you have to apply to each paragraph. I guess it's something created automatically by something like Imageready. I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Dunno if that's any clearer ... - susie ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
If I was in QLD I would help out. I am in QLD so may be able to help you out further if you need it but I think it's hard to deal with generalities. It seems you're saying the code the GDs turn out is not up to standard. But whose standard? Is it yours or does the university have a clear set of guidelines with regards the coding of its sites? If the university has guidelines then I'd think they should be your first point of reference. It's a bit hard to give advice as to where to iron out the bumps when we don't really know who's responsible for doing what. It seems to me like it would be easier to provide evidence to back up the standards-way of doing things for specific examples. For instance, with the point you made about images in navigation menus, we could point to tutorials on accessible image replacement etc. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Hi Susie: I think I'm in a similar position to you with a website that will be re-designed soon by the "print" designer. She's great and really knows her stuff and understands the web somewhat (probably more than most traditional designers) and I've been thinking of trying to collect a few urls that might help broaden her (and them) out of the fixed layout bit into new, standards compliant design. I've just collected one at this point, perhaps you're familiar with it, I know a lot of people on this list would be. http://www.westciv.com/style_master/house/index.html I plan on pointing out how the background is fixed, the menu bit in the top right (helps keep the regular menu from being so big and I'm always having to "fight" dropdowns, too, so helps in that). and I'll point out how it shrinks or expands to fit the browser. If this is the sort of thing you're looking for good, maybe you'll get some more urls (i could use them, too). Either I didn't understand or just about everyone else was not "on point". ;) cheers Donna Susie Gardner-Brown wrote: Hi there Where I work (Qld Uni) we work in a team to develop websites, which usually consist of an instructional designer, a graphic designer, and a web developer and/or programmer. The graphic designers do the graphic design/layout, and the web developers/programmers do the programming, including CSS. Up till recently our graphic designers have been used to designing for a table layout producing a Photoshop file that we then cut up. They have varying degrees of CSS knowledge, but mostly very little, so they¹re not really aware of what Œgraphic effects¹ can be created using CSS. Lately they¹ve been creating an ImageReady layout file and associated stylesheet, which I find completely unusable!! I always have to start again from scratch. We¹re having a GD/programmer meeting tomorrow to try and broaden people¹s knowledge, and work out a few guidelines about the Œrubbery line¹ between the GD and the Programmer¹s CSS responsibility. Does anyone have any experience here, or can point to any resources that might assist? Cheers susie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Donna Jones Portland, Maine 207 772 0266 http://www.westendwebs.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS resources for Graphic designers?
Title: CSS resources for Graphic designers? Hi Susie, If I was in QLD I would help out. I’m a web designer and having a good knowledge between the programmer and designer… From my experience they come from almost different planets. You should write a book, Programmers are from Pluto, Designers from the Mercury. I’m always keen to learn more about CSS… The Zen Garden was my introduction, but some guidelines would be excellent, especially for designers. If you take notes on your meeting I would be keen to submit a response….. Regards Michael ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]*** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
RE: [WSG] CSS resources for Graphic designers?
Title: Re: [WSG] CSS resources for Graphic designers? I agree with Christian. Do wireframes, then make them pretty, and then cut up the PSD files yourself so that it works on-screen, rather than being dictated to by a pixel-perfect design. That said though, StyleMaster (http://www.westciv.com/style_master/) is a good css editor, but I've never found an 'easy way' for designers to make a photoshop image and then spit out good standards compliant (x)HTML/CSS, particularly good liquid layouts rather than pixel perfect designs. If I'm to be honest, I would say that many graphic designers need to take a step back and design screen prototypes (only) based on wireframes that are developed through a proper information architecture methodology that are then realised in (X)HTML /CSS by those with good CSS skills. N'est pas? M From: listdad@webstandardsgroup.org on behalf of Christian MontoyaSent: Tue 14/11/2006 1:40 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] CSS resources for Graphic designers? On 11/13/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote:> We're having a GD/programmer meeting tomorrow to try and broaden people's> knowledge, and work out a few guidelines about the 'rubbery line' between> the GD and the Programmer's CSS responsibility. Does anyone have any> experience here, or can point to any resources that might assist?If I am taking a design from a graphic designer, I would just wantthem to give me the layers and I can go about slicing them manually asnecessary to build the design with CSS. There's no need to use awkward"layout wizards" provided by software like Photoshop or ImageReady;those programs are for making graphics, not webpages.Christian Montoyachristianmontoya.com ... portfolio.christianmontoya.com***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]*** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
On 11/13/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: We're having a GD/programmer meeting tomorrow to try and broaden people's knowledge, and work out a few guidelines about the 'rubbery line' between the GD and the Programmer's CSS responsibility. Does anyone have any experience here, or can point to any resources that might assist? If I am taking a design from a graphic designer, I would just want them to give me the layers and I can go about slicing them manually as necessary to build the design with CSS. There's no need to use awkward "layout wizards" provided by software like Photoshop or ImageReady; those programs are for making graphics, not webpages. -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
I don't know if you'll find any of these useful: http://www.digital-web.com/articles/designing_for_the_web/ http://www.markboulton.co.uk/index.php/journal/C107/ On Tue, 14 Nov 2006 12:15:44 +1000, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: I¹ll have a look at tht. But there¹s no way the university would pay to get something done outside when we already have the staff here! It¹s maybe a matter of Œcontrol¹. The GDs are the ones who decide the graphic layout, colours, fonts, heading levels etc. And I don¹t think they want to relinquish control over how a site is laid out, so I believe they want to create the styles for that. But of course they won¹t see the big, container level picture, or why you should use this style/div and not that one, if you know what I mean. I can do it I have been doing it for a year or more. But they want/need to know more about CSS so that they can design sites that work well using CSS rather than heavily graphic-based sites ... For example, any navigation they create always consists of graphic rollover images, using non-standard fonts. If we try and encourage them towards list-based CSS navigation, they need to see that even if they give up (in some cases) on specifying fonts, they can produce image-based backgrounds for rollovers. I think it¹s partly about developing a different style of graphic design for the web from the old table-based designs we used to use. - susie On 14/11/06 11:50 AM, "Nick Lazar" <[EMAIL PROTECTED]> wrote: A really useful resource, particularly for small companies that may have limited staff numbers, is http://psd2html.com. These guys do a very good job of converting a PSD file to standards compliant CSS/XHTML. I've used them a couple of times, and have been very pleased with the result. Susie, I mention this in response to your query, as it may be worth your while getting a couple of jobs done by these people, and then going through the resulting code, as it will certainly show you what you need to be producing from your PSD files. Hope that helps, Regards, Nick. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Title: Re: [WSG] CSS resources for Graphic designers? I’ll have a look at tht. But there’s no way the university would pay to get something done outside when we already have the staff here! It’s maybe a matter of ‘control’. The GDs are the ones who decide the graphic layout, colours, fonts, heading levels etc. And I don’t think they want to relinquish control over how a site is laid out, so I believe they want to create the styles for that. But of course they won’t see the big, container level picture, or why you should use this style/div and not that one, if you know what I mean. I can do it – I have been doing it for a year or more. But they want/need to know more about CSS so that they can design sites that work well using CSS rather than heavily graphic-based sites ... For example, any navigation they create always consists of graphic rollover images, using non-standard fonts. If we try and encourage them towards list-based CSS navigation, they need to see that even if they give up (in some cases) on specifying fonts, they can produce image-based backgrounds for rollovers. I think it’s partly about developing a different style of graphic design for the web from the old table-based designs we used to use. - susie On 14/11/06 11:50 AM, "Nick Lazar" <[EMAIL PROTECTED]> wrote: A really useful resource, particularly for small companies that may have limited staff numbers, is http://psd2html.com. These guys do a very good job of converting a PSD file to standards compliant CSS/XHTML. I've used them a couple of times, and have been very pleased with the result. Susie, I mention this in response to your query, as it may be worth your while getting a couple of jobs done by these people, and then going through the resulting code, as it will certainly show you what you need to be producing from your PSD files. Hope that helps, Regards, Nick. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
A really useful resource, particularly for small companies that may have limited staff numbers, is http://psd2html.com.These guys do a very good job of converting a PSD file to standards compliant CSS/XHTML. I've used them a couple of times, and have been very pleased with the result.Susie, I mention this in response to your query, as it may be worth your while getting a couple of jobs done by these people, and then going through the resulting code, as it will certainly show you what you need to be producing from your PSD files.Hope that helps,Regards,Nick. ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
I always have to start again from scratch. I think that's probably the best approach. If the HTML the GDs produce has no relevance to the final product, then don't even bother with it. Open the graphics file that they output and before even reaching for the slice tool, create your markup based on the content that's there. Think not in terms of how the content's arranged in the graphic, but how you want it to appear in code (ie don't necessarily follow the order as it appears graphically). I don't know about anyone else but once that's done I always open PSDs in Fireworks and export graphics from there (much easier to select objects and add slices). You shouldn't need to slice up the whole thing, just small pieces, e.g. curved corners or repeating bg-colors etc. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] CSS resources for Graphic designers?
Title: CSS resources for Graphic designers? Hi there Where I work (Qld Uni) we work in a team to develop websites, which usually consist of an instructional designer, a graphic designer, and a web developer and/or programmer. The graphic designers do the graphic design/layout, and the web developers/programmers do the programming, including CSS. Up till recently our graphic designers have been used to designing for a table layout – producing a Photoshop file that we then cut up. They have varying degrees of CSS knowledge, but mostly very little, so they’re not really aware of what ‘graphic effects’ can be created using CSS. Lately they’ve been creating an ImageReady layout file and associated stylesheet, which I find completely unusable!! I always have to start again from scratch. We’re having a GD/programmer meeting tomorrow to try and broaden people’s knowledge, and work out a few guidelines about the ‘rubbery line’ between the GD and the Programmer’s CSS responsibility. Does anyone have any experience here, or can point to any resources that might assist? Cheers susie ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***