[WSG] Website review : http://webprocafe.com
All, Please can you provide feedback on the following website http://webprocafe.com/ We are looking for thoughts on the design and usability of the site, plus any general feedback you want to provide. Thanks all, Stew -- Forwarded message -- From: russ - maxdesign r...@maxdesign.com.au Date: 2009/1/9 Subject: Re: website review To: Stewart Griffiths stewartmgriffi...@gmail.com Hi Stewart, Sounds fine, as long as you phrase your request clearly to the group ie, what you are asking them to review. Good luck with the launch! Thanks Russ --- Russ Weakley Max Design Phone: (02) 9410 2521 Mobile: 0403 433 980 Email: r...@maxdesign.com.au Skype: russ-maxdesign MSN: r...@maxdesign.com.au Website: http://www.maxdesign.com.au/ Linkedin: http://www.linkedin.com/in/russweakley Slideshare: http://www.slideshare.net/maxdesign/ --- on 10/1/09 12:33 AM, Stewart Griffiths at wrote: Peter, Russ, I see that the list allows website reviews. We are just about to launch a new forum and would like to ask the group their opinion. However, the site is a web design and development forum and I did not want to send it around without contacting you first, as it may be misconstrued as selfless promotion. Please let me know your thoughts. Thanks, Stew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Website review : http://webprocafe.com
Thanks Chris, we will look at that now. Stew 2009/1/16 Christian Montoya siro...@gmail.com On Fri, Jan 16, 2009 at 11:41 AM, Stewart Griffiths stewartmgriffi...@gmail.com wrote: All, Please can you provide feedback on the following website http://webprocafe.com/ We are looking for thoughts on the design and usability of the site, plus any general feedback you want to provide. The sub-nav bar (register, faq, members list) could be combined into a vertical list and sit in the row above it, between the site title and the login form. As it is, it's very awkward. Also, there's a billion links on the page that all point to webprocafe.com... the two title images, the navigation sections, etc. Why so many? It takes attention away from the other links. -- -- Christian Montoya mappdev.com :: christianmontoya.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Website review : http://webprocafe.com
Harsh is fine, it's a critique / review we asked for ;o) Got rid of all but one error, which is a vb one, so will work on finding that. As for breaking when the text is increased, well, as you state this is due to the way vb spits out the code. But we can work on that going forward. WE will look at the typography we are using and look to make it consistent across the site, the background gradiants and the nav icons we will again look at updating. Thanks for the feedback, this is all great stuff. Stew 2009/1/16 Benjamin Hawkes-Lewis bhawkesle...@googlemail.com On 16/1/09 16:41, Stewart Griffiths wrote: Please can you provide feedback on the following website http://webprocafe.com/ We are looking for thoughts on the design and usability of the site, plus any general feedback you want to provide. Hmm. Just looked at the homepage. Pointless XHTML formedness errors, lack of heading elements, table layouts, presentational markup, inline styles, obtrusive JavaScript, unnecessary browser detection, presentational class names, and a layout that begins to break with only two text size steps up (at least in Safari) may be byproducts of vBulletin but they undercut the site's ostensible purpose of discussing professional web development in a way that I find hard to overlook given you've adopted a self-hosted solution for the forum. More subjectively, I think the random bits of sans-serif (menu links at the side and some of the menu links at the top) look discordant, the lack of contrast between the brown backgrounds and darker brown text may make the content hard to read for some users (I'd suggesting using coffee text on white instead of brown text on brown), and the icons in the left-hand navigation menu look too randomly generic. Sorry that's harsh, but I hope it helps. -- Benjamin Hawkes-Lewis *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Mobile phone support of CSS
Paul, Check out these great resources: - http://dev.mobi/ - http://mobilewebbook.com - http://www.w3.org/mobile/ And for testing you can use http://deviceanywhere.com which provides remote access to actual handsets (not emulators). Good Luck. Stew 2008/6/24 Paul Collins [EMAIL PROTECTED]: Hi all, I'm trying to find a comprehensive list of Mobile phone browsers and CSS support. I currently have a Nokia N70 and as far as I can see it doesn't support CSS at all. But, perhaps with a stylesheet targeting mobile phones it would?! The main reason is, I am trying to decide whether putting the main logo of a site in as an inline image is better than a background, as it would still show up with CSS not supported. But then, how many mobile browsers still don't support CSS whatsoever?! Any advice or links would be great. Cheers Paul *** 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] Firefox 3 candidate
firebug 1.2 works fine on FF3 and is available from the add-ons on the mozilla site: https://addons.mozilla.org/en-US/firefox/addon/1843 Stew 2008/6/18 Ken Robinson [EMAIL PROTECTED]: Quoting kate [EMAIL PROTECTED]: Ken, Its said this am that there is a problem and so no Firebug for my FF3 at least. This was at the Mozilla site. [snip] Firebug is available for FF3 at the normal FF addons area. https://addons.mozilla.org/en-US/firefox/addon/1843 I just went to the above site and it's there with no problems. I downloaded it this morning. It works fine on a PC. Ken *** 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] transparency, png IE6?? Screen Resolution
There is a way to produce portable network graphics (png's) so that they render correctly across all browsers without the need to employ complicated hacks and ie filter-based solutionshttp://www.w3.org/TR/PNG-DataRep.html#DR.Alpha-channelor heavy javascript files, such as the twin helixhttp://www.thewebsqueeze.com/forum/redirect.php?url=http%3A%2F%2Fwww.twinhelix.com%2Fcss%2Fiepngfix%2Fapproach or the supersleighthttp://www.thewebsqueeze.com/forum/redirect.php?url=http%3A%2F%2F24ways.org%2F2007%2Fsupersleight-transparent-png-in-ie6 . Most times when a png is exported it is done so as a png32, which provides lossless compression and allows for more complex settings. All the goodies we love when designing a site. However, within Fireworks you can also export png's as a png8, which provides a palette based colour model (like gif's) and which many believe only offers a 1 bit transparency option. However, if we play with some of the settings we are able to offer similar semi-transparency colors as a png32. So if you use the export wizard and set it to export as png8 with indexed transparency, you will see the palette colours have been flattened and you are offered one, single transparent colour. However, if you change these settings to alpha transparency, you will notice a few small chunks cut out of the some of the palette colours. These are the new semi-transparent colours. The only downside is that complicated fade effects on images are not seen on IE5.5 6, but it still is a transparent image. This works for IE5.5 and above (I haven't tested lower than that), FF, Safari and Opera, so it's a winner all round. Also, the generated image files are smaller, which will increase delivery time, and , more importantly, there is no need to implement hacks, javascript files or any other third party coding, making the total delivery package smaller and therefore increasing the speed of your site. Hope the above helps you all. I am planning on writing an article on the web design forum I moderate ( www.webforumz.com) around this, once complete I shall let you know so you can bookmark it for future reference. Stew 2008/6/10 IceKat [EMAIL PROTECTED]: Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Marking up company logo
For the title you should really switch it around so that it is more specific to the page, and will be much better for SEO purposes. titlePage title - Section Title - Site title/title For the Logo h1 aspect, I would personally use the gilder/levin image replacement technique, using within this the Page title - Section Title - Site title combination within a h1 tag. This way you get a fancy logo, plus the benefits of you keyword rich Page title - Section Title - Site title combination to help boost your on-site SEO. Stew 2008/6/3 Paul Collins [EMAIL PROTECTED]: To throw another question in here, should the page title therefore be different to the main heading of the page? I thought the content in the page title should be as specific as possible for SEO, including the heirarchy? So, for example titleSite title - Section Title - Page title/title And h1Page title, section title or Logo?/h1 Once you have it in the title tag, does it matter whether you have the logo in a H1 or not? Should you have something different between the title and main heading? Cheers 2008/6/3 Darren West [EMAIL PROTECTED]: My 2 pence ... titlePage title - Site title/title div id=brand pimg alt=Site title ... //p /div div id=content h1Page Title/h1 ... /div div id=search h1Search/h1 form ... /div div id=nav h1Navigation/h1 ul ... /div 2008/6/3 Rick Lecoat [EMAIL PROTECTED]: On 3 Jun 2008, at 07:04, Matijs wrote: How about: titleThe Times/title h1Homepage/h1 h2There's water on mars/h2 titleThe Times/title h1Financial stuff/h1 h2Redmond stock going down further/h2 etc... Where would one fit in a company logo? Wouldn't a background image be best? And if so, where? My understanding of the title tag is that it is the title of the page, not the name of the site, and ideally every page should have a different title (at least from an SEO point of view) appropriate to its content -- so the above examples are not ideal IMHO. Re. logos as background images, that leaves anyone viewing the page without styles turned on out in the cold as far as seeing the company logo is concerned. Dan Cederholm uses a method whereby the logo is both a background image *and* a regular img tag, depending on whether you have styles on or off. That's my preferred technique. I just put the logo image in a div id=logo and keep the H1 for the page's own title. -- Rick Lecoat *** 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] *** *** 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] ***