Re: [css-d] Web typography with CSS3
On 1/01/2011 6:00 AM, Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: [snip] Nice and snappy in Firefox, but slow as molasses in Opera. Also slow in Chrome. Reloaded and faster. http://css-class.com/test/css/3/css3-menu-tipsy.htm What I do note is that a transparent background image (whitish) that zooms across the ul#navigation is rendered above the border of the element. I can't explain why but I like the affect. Even though this is CSS3 driven, I would really like to use an inner span. One reason is to allow :focus for keyboard users. Another reason is that currently all the background and border effects are on the li. This leaves me without individual parents (just one common parent being the ul). More could be achieved by moving the major style on the li to the a and the style on a to the inner span. Then I can style the parent li with greater effect. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Web typography with CSS3
CSS3 can actually turn a bunch of text into a masterpiece or work of art: http://onwebdev.blogspot.com/2010/12/web-typography-with-css3.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
Hi. On Friday 31 Dec 2010 at 16:47 Gabriele Romanato wrote: CSS3 can actually turn a bunch of text into a masterpiece or work of art: Thanks for the link, but how about including a live demo to click on instead of just a PNG? I suspect a lot of readers in here have multiple browsers installed and would be interested in seeing the results live as it were, rather than having to copy and paste your code into an example file to see what happens. Cheers, Mark __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
I know but I'm in a hurry... preparing for the New Year night :-D On Dec 31, 2010, at 6:08 PM, Mark Kelly wrote: Hi. On Friday 31 Dec 2010 at 16:47 Gabriele Romanato wrote: CSS3 can actually turn a bunch of text into a masterpiece or work of art: Thanks for the link, but how about including a live demo to click on instead of just a PNG? I suspect a lot of readers in here have multiple browsers installed and would be interested in seeing the results live as it were, rather than having to copy and paste your code into an example file to see what happens. Cheers, Mark __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. Also slow in Chrome. --Guy K. Haas Software Exegete in Silicon Valley __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On 12/31/10 2:00 PM, Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. Also slow in Chrome. --Guy K. Haas Software Exegete in Silicon Valley Faster than a speeding bullet. Safari Mac OS X 10.4 -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On 12/31/2010 2:00 PM, Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. I'm not sure if CSS animations or transforms will ever be viable unless and until browser rendering engines are re-written from the ground up to support them smoothly. Some folks might not care that a design looks rough around the edges, but it would never pass muster with a good designer. We've been playing around with CSS3 effects, but not transitions/transformations. Here's a quick example: http://www.projectseven.com/peeks/tpm2/demos/ And another: http://www.projectseven.com/peeks/tpm2/demos/page5.htm -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On Friday, December 31, 2010 02:00:15 pm Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. I get the same results in the these 2 browsers, but I like the molasses in Opera, it give is more of a feel instead of bam! :-) Also slow in Chrome. Chrome? Ah gotta go! -- Blessings David M. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On Fri, 31 Dec 2010, David McGlone wrote: On Friday, December 31, 2010 02:00:15 pm Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: ... Nice and snappy in Firefox, but slow as molasses in Opera. I get the same results in the these 2 browsers, but I like the molasses in Opera, it give is more of a feel instead of bam! :-) It's so slow in Opera that I wouldn't even see the effect if I were really using the links. -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On Friday, December 31, 2010 02:50:40 pm Chris F.A. Johnson wrote: On Fri, 31 Dec 2010, David McGlone wrote: On Friday, December 31, 2010 02:00:15 pm Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: ... Nice and snappy in Firefox, but slow as molasses in Opera. I get the same results in the these 2 browsers, but I like the molasses in Opera, it give is more of a feel instead of bam! :-) It's so slow in Opera that I wouldn't even see the effect if I were really using the links. Hmm, it wasn't that slow over here. It transistioned pretty smoothly. -- Blessings David M. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
Homage to Gabriele http://chelseacreekstudio.com/ca/cssd/2010/2010.html Dr Lakra Oaxaca, Mexico -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On 1/01/2011 6:07 AM, Al Sparber wrote: On 12/31/2010 2:00 PM, Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: [snip] Nice and snappy in Firefox, but slow as molasses in Opera. They are purposely slow for demonstration. I'm not sure if CSS animations or transforms will ever be viable unless and until browser rendering engines are re-written from the ground up to support them smoothly. Transforms can be smooth. Anyway rendering engines may need to be re-written grounds up to support CSS2.1 correctly. This may in turn cause the CSS 2.1 specs to be rewritten or more likely fixed up in as CSS3 or CSS4. Some folks might not care that a design looks rough around the edges, but it would never pass muster with a good designer. As our list Chaperon says. *CSS is much too interesting and elegant to be not taken seriously* We've been playing around with CSS3 effects, but not transitions/transformations. Here's a quick example: http://www.projectseven.com/peeks/tpm2/demos/ And another: http://www.projectseven.com/peeks/tpm2/demos/page5.htm It took me a while to find what was transformed. These specs may be in draft form by when implemented, will revolutionize CSS. http://dev.w3.org/csswg/css3-transitions/ http://dev.w3.org/csswg/css3-2d-transforms/ http://dev.w3.org/csswg/css3-3d-transforms/ http://dev.w3.org/csswg/css3-animations/ -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/