Re: C+S question about CSS for rounded corners on tables + looking to purchase a good set of application icons
Tzaddi Gordon <[email protected]> Sat, 13 Jun 2009 14:54:36 -0700
| Newsgroups | gmane.comp.web.chi-web |
|---|---|
| Message-ID | <[email protected]> |
Hi Kay I missed the icon question before. Dave Shea's Chalkwork sets may be useful. http://mezzoblue.com/icons/chalkwork/ Cheers Tzaddi http://thrivewire.ca On Fri, Jun 12, 2009 at 11:50 AM, Kay Corry Aubrey < [email protected]> wrote: > 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:[email protected]] > 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:[email protected]] > Sent: Wednesday, June 10, 2009 12:43 PM > To: Kay Corry Aubrey > Cc: [email protected] > 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:[email protected]] > 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:[email protected]] > 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:[email protected]] > Sent: Wednesday, June 10, 2009 11:31 AM > To: Kay Corry Aubrey; [email protected] > 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:[email protected]] > Sent: Wednesday, June 10, 2009 11:12 AM > To: [email protected] > 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:[email protected]] > 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:[email protected]] > 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:[email protected]] > 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<http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.%0Ahtml>. > 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 | [email protected] | > > From: [email protected] [mailto:[email protected]] 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:[email protected]] > 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:[email protected] > MODERATORS: mailto:[email protected] > SUBSCRIPTION CHANGES & FAQ: www.sigchi.org/web/faq.html > -------------------------------------------------------------- > > -------------------------------------------------------------- Tip of the Day: Email mailto:[email protected] with any comments, questions or problems CHI-WEB: www.sigchi.org/web POSTINGS: mailto:[email protected] MODERATORS: mailto:[email protected] SUBSCRIPTION CHANGES & FAQ: www.sigchi.org/web/faq.html --------------------------------------------------------------