CHI-WEB Archives

ACM SIGCHI WWW Human Factors (Open Discussion)

CHI-WEB@LISTSERV.ACM.ORG

Options: Use Forum View

Use Monospaced Font
Show Text Part by Default
Show All Mail Headers

Message: [<< First] [< Prev] [Next >] [Last >>]
Topic: [<< First] [< Prev] [Next >] [Last >>]
Author: [<< First] [< Prev] [Next >] [Last >>]

Print Reply
Subject:
From:
Kay Corry Aubrey <[log in to unmask]>
Reply To:
Kay Corry Aubrey <[log in to unmask]>
Date:
Fri, 12 Jun 2009 14:50:58 -0400
Content-Type:
text/plain
Parts/Attachments:
text/plain (253 lines)
Thanks to everyone who answered my question this past week! Here is a
collection of the responses people sent in. 

My question was:
Hello - Does anyone know CSS that allows for rounded table corners that will
work on all browsers. I have been able to find CSS that works reliably with
Mozilla browsers, but not all across the board.

Also, I need to purchase icons for a Web-based financial application (icons
need to be in .gif format with transparent background). Do you know of a
good site to visit for this type of artwork? They need to be royalty-free
once purchased.

Thanks!

Kay

Kay Corry Aubrey
Usability Resources Inc
User Experience Research and Design
www.UsabilityResources.net
781-275-3020

*********************************************************************
HERE IS A COLLECTION OF THE RESPONSES I RECEIVED:

From: Cristóbal Palmer [mailto:[log in to unmask]]
Sent: Wednesday, June 10, 2009 6:32 PM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

I've used this as a fallback for browsers that CSS rounded corners don't
work with on past jobs:

  http://www.html.it/articoli/niftycube/index.html

Note that how the js loads matters: if you're not careful you'll load
square, then the whole screen does a jittery jump and finally you get your
rounded corners. All this is < 1s but is a dealbreaker if you care about
fine polish. :)

-CMP

From: Skot Nelson [mailto:[log in to unmask]]
Sent: Wednesday, June 10, 2009 12:43 PM
To: Kay Corry Aubrey
Cc: [log in to unmask]
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Rounded Corners on A List Apart:
http://www.alistapart.com/articles/customcorners/

it's dated, and as has been noted there are other, newer CSS elements that
allow for control. I haven't experimented with them so have no comments on
cross compatibility, functionality, etc.

I used the method linked to above once...it works, although it's not always
easy.


From: Justin Lui [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 12:23 PM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Have you looked at this site?

http://www.html.it/articoli/nifty/index.html

From: Pathak, Mandar R [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 12:22 PM
To: Kay Corry Aubrey
Subject: RE: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Kay,

IE does not support the rounded corners (not in 7 or 8) - but it is in their
top priority list since most of the developers are asking for it. So may be
the next major release will have it ;)

As for the icons, check out the word document that is attached. It gives few
websites that you may find useful.

Good Luck!

Thanks,
Mandar

(NOTE- MANDAR ATTACHED A WORD DOC TO THIS MESSAGE WITH SCREEN SHOTS OF SOME
OF THE ICON SITES. PLEASE CONTACT ME IF YOU WANT ME TO SEND YOU THE DOCUMENT
AS CHI-WEB DOES NOT DO ATTACHMENTS, KCA)

From: Kristin Heibel [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 11:31 AM
To: Kay Corry Aubrey; [log in to unmask]
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Hi Kay,

I don't know about the CSS, but here's a site for nice icons.

http://www.famfamfam.com/lab/icons/ : Several large sets of coordinated
icons, available for use free of charge under a Creative Commons Attribution
license.

Kristin

From: Murray Sanders [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 11:12 AM
To: [log in to unmask]
Subject: Fwd: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

FYI

Interpixdesign.com

From: Matthew Morosky [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 9:45 AM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Hello Kay,

If you are considering using free icons, you can find quite a few sets of
free icons available:
http://icondock.com/free/mini-pixel-icons - 14x14px with transparent
background (royalty-free and free-of-charge)
http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html - 40
large, high-quality themed sets
http://www.maxpower.ca/free-icons/2006/03/05/ - listing of many royalty-free
and free-of-charge icon sets
http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/ -
another listing

A pay option that some colleagues have used:
http://www.professional-icons.com/library.aspx

Hope this is helpful.

Matt

From: Steven Pemberton [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 9:28 AM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

> Hello - Does anyone know CSS that allows for rounded table corners that  
> will
> work on all browsers. I have been able to find CSS that works reliably  
> with
> Mozilla browsers, but not all across the board.

The CSS for rounded corners is not yet a Recommendation (i.e. a finalised  
standard), so it will not work equally well across all browsers  
(particularly not IE).

> Also, I need to purchase icons for a Web-based financial application  
> (icons
> need to be in .gif format with transparent background). Do you know of a
> good site to visit for this type of artwork? They need to be royalty-free
> once purchased.

Do they need to be in gif because of the transparency? If so, then PNG is  
a better choice, since GIF only has on/off transparency, while PNG has  
graduated transparency.

Best wishes,

Steven Pemberton

From: Eliane Tozman [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 9:40 AM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons


Hi Kay, 

Icons: We've used this company for some of our Lotus icons:
http://iconfactory.com/home. 

CSS: Right now most browsers are supporting CSS2. In CSS3 there are new
properties that allow you to specify something like border-radius: 5px; but
right now none of the browsers except for maybe the newest firefox and
safari support these newer properties. I do know that Flex allows for
rounded corners for some of it's widgets: 
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.
html. You can actually export the css it generates, however since rounded
corners in CSS is still relatively new it's not fully supported in all
browsers, we've noticed problems of course in Explorer 6. 

All that said you can achieve rounded corners with a combination of HTML and
CSS - You are using properties like position absolute to properly position
the corners. More information can be found here:
http://www.redmelon.net/tstme/4corners/. 

I hope you may find this useful 

Best regards,

Eliane Tozman | IBM Toronto Software Laboratory | User Experience and Design
| IBM Design Leadership
p. 905.413.3160 | t/l 313.3160 | [log in to unmask] | 

From: [log in to unmask] [mailto:[log in to unmask]] On Behalf Of
Arseniy Korobchenko
Sent: Wednesday, June 10, 2009 9:34 AM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Hi Kay!

Basically there is no way to create rounded corners without images on all
browsers, as only latest CSS support rounded corners property. Check this
out: http://www.html.it/articoli/nifty/index.html

As for icons - well, basically internet is full of icons but top-knotch
choice for many is Silk icon set www.famfamfam.com/lab/icons/silk/ 

Its inexpensive and covers much of functionality you can think of. Only
thing - icons are PNG24, but can easily be converted to gifs if you know the
background color.

All best,
Arseniy Korobchenko

From: Ali Hakim [mailto:[log in to unmask]] 
Sent: Wednesday, June 10, 2009 9:30 AM
To: Kay Corry Aubrey
Subject: Re: question about CSS for rounded corners on tables + looking to
purchase a good set of application icons

Have you tried http://www.roundedcornr.com/  

Ali

    --------------------------------------------------------------
    Tip of the Day: Suspend your subscription if using auto replies
     CHI-WEB: www.sigchi.org/web POSTINGS: mailto:[log in to unmask]
              MODERATORS: mailto:[log in to unmask]
       SUBSCRIPTION CHANGES & FAQ:  www.sigchi.org/web/faq.html
    --------------------------------------------------------------

ATOM RSS1 RSS2