Re: [WSG] css from photoshop file?
On 19 Mar 2004, at 09:52, Mark Stanton wrote: Tip #1 - make sure the psd files come from a designer that understands CSS. Good luck, there aren't many of them ;-) Ian Lloyd ~ WEB: http://www.ian-lloyd.com/ | AIM: uklloydi Round-the-World trip blog: http://ianandmanda.typepad.com/ -- Disclaimer: I am currently traveling and connect to the Internet sporadically. As such, much of what I write offline may be days (or more) old when it gets sent, hence the content may have been superseded by other people's emails. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css from photoshop file?
On 19 Mar 2004, at 10:18, Mike Brown wrote: Off the top of my head, some things you may need to sort out with the designer: :: is it a fluid or fixed-width layout? :: do you use fonts or images for navigation? :: do elements on the page have to be exactly the pixels apart shown in the design, or do you have some flexibility there? :: is it clear from the design what elements are heading elements - h1, h2, etc? HTH Some excellent tips, Mike. These are /exactly/ the kinds of things that need to be considered. In addition, are there any more mock-ups that can be provided that show other eventualities, such as: * What about when you have a lower-level heading? * What to do when content overflows what appears to be a predefined area - scrolling? Where do the stretches take place? There are probably tonnes more of these but they've probably already been addressed by the list. The main thing was to say bravo for the points mentioned above. Ian Lloyd ~ WEB: http://www.ian-lloyd.com/ | AIM: uklloydi Round-the-World trip blog: http://ianandmanda.typepad.com/ -- Disclaimer: I am currently traveling and connect to the Internet sporadically. As such, much of what I write offline may be days (or more) old when it gets sent, hence the content may have been superseded by other people's emails. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] css from photoshop file?
I have always written standards compliant css for a site around a clients recommendations as to colours and position of logos etc. Now I've been asked: You'd be fine doing the templates from supplied photoshop files? I guess this would mean replicating the look of a PSD file with css code? Would this kind of client expect standards compliant css or rigid WYSIWYG works in IE code, any tips to ensure that the result will be decent css are appreciated. Neerav * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] css from photoshop file?
You'd be fine doing the templates from supplied photoshop files? I guess this would mean replicating the look of a PSD file with css code? Would this kind of client expect standards compliant css or rigid WYSIWYG works in IE code, any tips to ensure that the result will be decent css are appreciated. Tip #1 - make sure the psd files come from a designer that understands CSS. Many designers come from a print or CDROM background, and will design web pages using what they know about their preferred media. If your designer understands the limitations and advantages of CSS you should be fine. If they design it like a brouchure or a CDROM you're in big trouble. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css from photoshop file?
I have always written standards compliant css for a site around a clients recommendations as to colours and position of logos etc. Now I've been asked: You'd be fine doing the templates from supplied photoshop files? I guess this would mean replicating the look of a PSD file with css code? Would this kind of client expect standards compliant css or rigid WYSIWYG works in IE code, any tips to ensure that the result will be decent css are appreciated. Neerav The types of clients I have worked with who asked that question were most concerned that it looked like their PSD file. If you can do it with compliant CSS, then go for it. Before you begin, you should find out what sort of browsers/computers they'll be testing the site on. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css from photoshop file?
Neerav I have always written standards compliant css for a site around a Neerav clients recommendations as to colours and position of logos etc. Now Neerav I've been asked: Neerav You'd be fine doing the templates from supplied photoshop files? Neerav I guess this would mean replicating the look of a PSD file with css Neerav code? Would this kind of client expect standards compliant css or rigid Neerav WYSIWYG works in IE code, any tips to ensure that the result will be Neerav decent css are appreciated. Ask them and see! :) Seriously. Actually, it can be an issue with deeper pitfalls. Who's your client? A designer/design company, or the actual end client? There's a difference. What might be ok to an end client might not be acceptable to a designer, and vice-versa. You may need to make decisions about what to do depending on the (small p) politics of the job. Who's paying you in other words! We routinely write standards compliant CSS sites based on photoshop/fireworks layouts supplied by design companies. Off the top of my head, some things you may need to sort out with the designer: :: is it a fluid or fixed-width layout? :: do you use fonts or images for navigation? :: do elements on the page have to be exactly the pixels apart shown in the design, or do you have some flexibility there? :: is it clear from the design what elements are heading elements - h1, h2, etc? HTH Regards Mike Brown SIGNIFY :: the logic behind ph: +64 4 803-3211 | fax: +64 4 803-3241 mob: +64 0274 885-992 | http://www.signify.co.nz P.O. Box 24-068, Manners St, Wellington Level 8, CMC Building, 89 Courtenay Pl, Wellington This communication, including any attachment, is confidential. If you are not the intended recipient, you should delete/destroy this communication; you may not read and must not copy, send on or retain any part of this communication. Please do not disclose to any third party anything about this communication. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] css from photoshop file?
I've actually nearly always designed new sites or templates from my graphics file - whether that's fireworks or photopaint. To me, there's no difference in the two methods but designing your layout visually in the first instance gives you the best idea as to how the finished product will more or less look and you can easily move things around, change colors etc until you are happy with it. It's when the design is curvy or you need to slice images that things can get fiddly. The trick is to design from the start with the method of ultimate output in mind - I've had to convert other people's graphics to layouts in the past and because they had no idea as to how a page is 'built' it was much harder and some elements had to be sacrificed or changed. WP Wendy Phillips Telstra Job Ready LD -Original Message- From: Neerav [SMTP:[EMAIL PROTECTED] Sent: Friday, 19 March 2004 9:48 am To: WSG Subject: [WSG] css from photoshop file? I have always written standards compliant css for a site around a clients recommendations as to colours and position of logos etc. Now I've been asked: You'd be fine doing the templates from supplied photoshop files? I guess this would mean replicating the look of a PSD file with css code? Would this kind of client expect standards compliant css or rigid WYSIWYG works in IE code, any tips to ensure that the result will be decent css are appreciated. Neerav * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css from photoshop file?
Thanks to mark, Sarah, Mike and Wendy for their tips :-) Knowing what the other side is probably expecting when developing helped a lot. -- Neerav Bhatt http://www.bhatt.id.au * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
