Re: [WSG] PNG file sizes
Mike Brown wrote: Rachel May wrote: I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? http://www.ignite-it.co.uk/ Best. Graphics. Optimiser. PlugIn. I use PNGGauntlet as an after process to optimize those PNGs. http://brh.numbera.com/software/pnggauntlet/ Unfortunately it only supports Windows. -- Ca Phun Ung Web: http://yelotofu.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] accessibility and brower compatibility for Kiosk mode?
I am working on a site, of which a section is strictly for Kiosk mode only. Had no experience with this therefor I treated it as if it's for web browsers with all accessibility care. Submitted the first draft, client sent back correction and feedback, while he didn't specifically said to ignore all other browsers except the IE7, I do get an impression that the IE browser is the only one he concerns about. This is a client with print design (very pixel demand challenged) background and very flash oriented, doesn't care about accessibility; my understanding is that this section of the site will be placed in a location with kiosks and touch screen, so that means browser is very specific, strictly IE7. Does this means no accessibility concern needed? Also, I have just realized that kiosk uses the same browser as web. Do you know if it's IE domination? My google search showed up IE only. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] accessibility and brower compatibility for Kiosk mode?
Tee, It sounds like you are having a bit of difficulty with the 'Accessibility' label here: Accessibility is just one branch of Usability, neither of which ever go away completely. I used to do quite a lot of touch-screen kiosk development, but I know that things have moved on a little since then, so you may not have to worry about the parallax problems that I did. Are your kiosks touch-screen, trackball or something else? We can immediately rule out issues with non-visual devices of course, but the method of access dictates what else needs to be considered. In my case, the primary issue was 'target size' - our original system automatically made links into large buttons, but HTML links can be pretty hard to hit unless they are treated carefully. Regards, Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: Wednesday, April 16, 2008 10:53 AM To: wsg@webstandardsgroup.org Subject: [WSG] accessibility and brower compatibility for Kiosk mode? I am working on a site, of which a section is strictly for Kiosk mode only. Had no experience with this therefor I treated it as if it's for web browsers with all accessibility care. Submitted the first draft, client sent back correction and feedback, while he didn't specifically said to ignore all other browsers except the IE7, I do get an impression that the IE browser is the only one he concerns about. This is a client with print design (very pixel demand challenged) background and very flash oriented, doesn't care about accessibility; my understanding is that this section of the site will be placed in a location with kiosks and touch screen, so that means browser is very specific, strictly IE7. Does this means no accessibility concern needed? Also, I have just realized that kiosk uses the same browser as web. Do you know if it's IE domination? My google search showed up IE only. Thanks! tee *** 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] PNG file sizes
On Wed, Apr 16, 2008 at 1:56 AM, Ca Phun Ung [EMAIL PROTECTED] wrote: Mike Brown wrote: Rachel May wrote: I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? http://www.ignite-it.co.uk/ Best. Graphics. Optimiser. PlugIn. I use PNGGauntlet as an after process to optimize those PNGs. http://brh.numbera.com/software/pnggauntlet/ Unfortunately it only supports Windows. The Gimp (graphics editor) has PngCrush built into its save routine. You could also run PngCrush separately, I guess, but I never have because I always use The Gimp. Also, PngQuant runs on *nix boxes (and Windows?) and allows you to reduce the palette size of PNGs. Save a PNG as indexed and then tell PngQuant to rerender the PNG with a fixed palette size (up to 256 entries, I think) and it will dither any colors that don't fit in the palette. You can try with different palette sizes to see what tradeoff of size/quality works for you. Enjoy -- Philip http://NikitaTheSpider.com/ Whole-site HTML validation, link checking and more *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Image placement
I need to modify a page to add two images next to image button. In the original css the image button is in a div that is centered on the page. I don't see a semantic need to add any new divs so I increased the width of the div to make it the entire size of my page and then need to decide how to best place my images on either side. The old way I'm used to laying this out would have been to have a table and put each image in a table definition td area but I'm trying to stay away from that type of layout. I'm reading about absolute and relative positioning and getting a bit confused on how to progress on this -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PNG file sizes
On Wed, April 16, 2008 5:59 am, Rachel May wrote: Only my personal website I've used transparent PNGs a lot... I've been rather picky on how it looks, so that the shadows look natural etc. But this means that the file sizes are HUGE and download is really long. I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? If you just use Photoshop's normal Save functionality, selecting PNG as the type, it will include a large amount of information in the file to assist it when the file is opened for editing at a later time. Use the Save for Web and Devices dialog instead and it will create much smaller files. HTH, 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] accessibility and brower compatibility for Kiosk mode?
2) Is there anything I can use to replace the checkbox for the Kiosk? It needs to be large but from my testing, I can't make it larger by adding paddings, width and height. Not to mention this won't work with Safari and Camino (they have another web version for the same section ) Have you got labels wrapping your checkboxes? If not, try that, with a bit of padding. Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] PNG file sizes
Thanks for your replies everyone - I'll check out those tools. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nikita The Spider The Spider Sent: Thursday, 17 April 2008 1:55 a.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] PNG file sizes On Wed, Apr 16, 2008 at 1:56 AM, Ca Phun Ung [EMAIL PROTECTED] wrote: Mike Brown wrote: Rachel May wrote: I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? http://www.ignite-it.co.uk/ Best. Graphics. Optimiser. PlugIn. I use PNGGauntlet as an after process to optimize those PNGs. http://brh.numbera.com/software/pnggauntlet/ Unfortunately it only supports Windows. The Gimp (graphics editor) has PngCrush built into its save routine. You could also run PngCrush separately, I guess, but I never have because I always use The Gimp. Also, PngQuant runs on *nix boxes (and Windows?) and allows you to reduce the palette size of PNGs. Save a PNG as indexed and then tell PngQuant to rerender the PNG with a fixed palette size (up to 256 entries, I think) and it will dither any colors that don't fit in the palette. You can try with different palette sizes to see what tradeoff of size/quality works for you. Enjoy -- Philip http://NikitaTheSpider.com/ Whole-site HTML validation, link checking and more *** 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] PNG file sizes
Fireworks also has some really nice optimization tools for all formats. Rachel May wrote: Thanks for your replies everyone - I'll check out those tools. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nikita The Spider The Spider Sent: Thursday, 17 April 2008 1:55 a.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] PNG file sizes On Wed, Apr 16, 2008 at 1:56 AM, Ca Phun Ung [EMAIL PROTECTED] wrote: Mike Brown wrote: Rachel May wrote: I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? http://www.ignite-it.co.uk/ Best. Graphics. Optimiser. PlugIn. I use PNGGauntlet as an after process to optimize those PNGs. http://brh.numbera.com/software/pnggauntlet/ Unfortunately it only supports Windows. The Gimp (graphics editor) has PngCrush built into its save routine. You could also run PngCrush separately, I guess, but I never have because I always use The Gimp. Also, PngQuant runs on *nix boxes (and Windows?) and allows you to reduce the palette size of PNGs. Save a PNG as indexed and then tell PngQuant to rerender the PNG with a fixed palette size (up to 256 entries, I think) and it will dither any colors that don't fit in the palette. You can try with different palette sizes to see what tradeoff of size/quality works for you. Enjoy -- Christian Snodgrass Azure Ronin Web Design http://www.arwebdesign.net/ http://www.arwebdesign.net Phone: 859.816.7955 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PNG file sizes
Maybe I'm wrong, but I thought that in the 'save for web' option you could only save as gif or jpeg. Am I wrong? I'd love it if I could use it to compress png files - just needed to yesterday!! ... :) - susie On 17/4/08 1:40 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: On Wed, April 16, 2008 5:59 am, Rachel May wrote: Only my personal website I've used transparent PNGs a lot... I've been rather picky on how it looks, so that the shadows look natural etc. But this means that the file sizes are HUGE and download is really long. I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? If you just use Photoshop's normal Save functionality, selecting PNG as the type, it will include a large amount of information in the file to assist it when the file is opened for editing at a later time. Use the Save for Web and Devices dialog instead and it will create much smaller files. HTH, Nick. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PNG file sizes
Definitely can be used for PNG, and I'm pretty sure at least all of the CS versions can. Casey. Susie Gardner-Brown wrote: Maybe I'm wrong, but I thought that in the 'save for web' option you could only save as gif or jpeg. Am I wrong? I'd love it if I could use it to compress png files - just needed to yesterday!! ... :) - susie On 17/4/08 1:40 AM, "Nick Fitzsimons" [EMAIL PROTECTED] wrote: On Wed, April 16, 2008 5:59 am, Rachel May wrote: Only my personal website I've used transparent PNGs a lot... I've been rather picky on how it looks, so that the shadows look natural etc. But this means that the file sizes are HUGE and download is really long. I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? If you just use Photoshop's normal "Save" functionality, selecting PNG as the type, it will include a large amount of information in the file to assist it when the file is opened for editing at a later time. Use the "Save for Web and Devices" dialog instead and it will create much smaller files. HTH, 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] PNG file sizes
Hi Susie, Yes it does, but this is what I've already used and I think the files are still rather huge!! My version is CS3. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Susie Gardner-Brown Sent: Thursday, 17 April 2008 11:35 a.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] PNG file sizes Maybe I'm wrong, but I thought that in the 'save for web' option you could only save as gif or jpeg. Am I wrong? I'd love it if I could use it to compress png files - just needed to yesterday!! ... :) - susie On 17/4/08 1:40 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: On Wed, April 16, 2008 5:59 am, Rachel May wrote: Only my personal website I've used transparent PNGs a lot... I've been rather picky on how it looks, so that the shadows look natural etc. But this means that the file sizes are HUGE and download is really long. I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? If you just use Photoshop's normal Save functionality, selecting PNG as the type, it will include a large amount of information in the file to assist it when the file is opened for editing at a later time. Use the Save for Web and Devices dialog instead and it will create much smaller files. HTH, 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] ***
[WSG] Website Accessability Tools
Hi. does any one know of any good accessible off line software accessability tools, for checking broken links, that the right colour is for the element on the page, like on my site, for the headings, you have a red colour,a nd a good offline vallidator, if not connected to the internet. if any one can help, let me know and e-mail me privately off list. cheers marvin. -- Check out my home page at http://startrekcafe.stevesdomain.net/ Check out my Jaws Australia Group at http://groups.yahoo.com/groups/JawsOz/ -- Check out my home page at http://startrekcafe.stevesdomain.net/ Check out my Jaws Australia Group at http://groups.yahoo.com/groups/JawsOz/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] PNG file sizes
Well, I've just run a 6120b png file through it and it reduced to 196kb, so I'm pleased about that!! :) On 17/4/08 9:49 AM, Rachel May [EMAIL PROTECTED] wrote: Hi Susie, Yes it does, but this is what I've already used and I think the files are still rather huge!! My version is CS3. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Susie Gardner-Brown Sent: Thursday, 17 April 2008 11:35 a.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] PNG file sizes Maybe I'm wrong, but I thought that in the 'save for web' option you could only save as gif or jpeg. Am I wrong? I'd love it if I could use it to compress png files - just needed to yesterday!! ... :) - susie On 17/4/08 1:40 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: On Wed, April 16, 2008 5:59 am, Rachel May wrote: Only my personal website I've used transparent PNGs a lot... I've been rather picky on how it looks, so that the shadows look natural etc. But this means that the file sizes are HUGE and download is really long. I created the PNGs in Photoshop (CS3) and just wondering if there are any better tools or ways of saving the PNGs for smaller file size, while still retaining their high quality?? If you just use Photoshop's normal Save functionality, selecting PNG as the type, it will include a large amount of information in the file to assist it when the file is opened for editing at a later time. Use the Save for Web and Devices dialog instead and it will create much smaller files. HTH, 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Website Accessability Tools
marvin, here are some tools i use for accessibility and link checking. http://www.tawdis.net -- there is an offline accessibility checker here http://www.pcworld.com/downloads/file/fid,6974-order,1-page,1-c,alldownloads/description.html -- online and offline link checker xenu sleuth http://www.alphaworks.ibm.com/tech/adesigner/download -- offline or online accessibility checker i have seen an offline html validator, but i can't remember where it is. hth, dwain On 4/16/08, Marvin Hunkin [EMAIL PROTECTED] wrote: Hi. does any one know of any good accessible off line software accessability tools, for checking broken links, that the right colour is for the element on the page, like on my site, for the headings, you have a red colour,a nd a good offline vallidator, if not connected to the internet. if any one can help, let me know and e-mail me privately off list. cheers marvin. -- Check out my home page at http://startrekcafe.stevesdomain.net/ Check out my Jaws Australia Group at http://groups.yahoo.com/groups/JawsOz/ -- Check out my home page at http://startrekcafe.stevesdomain.net/ Check out my Jaws Australia Group at http://groups.yahoo.com/groups/JawsOz/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Next IA Cocktail Hour
The next Canberra IA Cocktail Hour is Thursday 24 April 2008. It's going to be hard to follow up the fantastically thought- provoking, engaging and informative Cocktail Hour in March—thanks to Donna and Stuart for some great presentations. But Jessica Enders, Director of Formulate Information Design, is never afraid of a challenge and is going to do her best to entertain and educate with an interactive session on transforming an existing paper form into an electronic medium. Those who are interested are welcome to join us afterwards for an informal dinner in Dickson. Time: 17:30-19:00 Day/Date: Thursday 24 April 2008 Venue: Eureka Strategic Research Level 1 55 Wooley Street Dickson (above Zeffirelli's) Please RSVP to [facibus AT gmail DOT com] as soon as possible for catering purposes. Jessica Enders Director Formulate Information Design http://formulate.com.au Phone: (02) 6116 8765 Fax: (02) 8456 5916 PO Box 5108 Braddon ACT 2612 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] BarCamp Perth 2.0
People say not a lot happens in Perth, Australia. Not so. Following on from the success of first BarCamp Perth and PodCamp Perth its time for: BarCamp Perth 2.0 -- Date: 10-May-08 Central TAFE, 140 Royal St, East Perth WA 6004 When: 900-1700 on Saturday 10 May 2008 More Details: http://barcamp.port80.asn.au/Main/BarCamp2 Who should attend: Anyone interested in the web, technology and related topics. Cost: FREE! Remember to go sign up, that way we know you are coming and can cater for you. -- Gary Barber Freelance User Interaction Designer/ Information Architect Web: radharc.com.au blog: manwithnoblog.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***