Re: [css-d] Test on box-shadow and border-radius

[Gabriele Romanato]

Post your notes on my blog! Really interesting! :-)

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] Test on box-shadow and border-radius

[Philippe Wittenbergh]

On Jun 26, 2010, at 1:28 PM, Gabriele Romanato wrote:

> http://onwebdev.blogspot.com/2010/06/test-on-css3-box-shadow-and-border.html

Raining on your parade:

You really, I mean really, should change the order in which you list the 
properties, to take the cascade into account.

You currently have:
>  border-radius: 8px;  
> -moz-border-radius: 8px;

You should turn that around, list the -vendor- properties first, and _then_ the 
css3 property / notation. That way, you're sure that a UA that currently uses a 
-vendor-prefixed notation, but in the near future upgrades to use the CSS3 
notation will use the 'real' thing, rather than fall back on the -vendor 
prefixed one. The 'real thing' might be more powerful or more correct or more…  
etc.

Here is a quick & dirty example, to be viewed with WebKit (and View source):


Safari 5 and recent Chrome builds support the CSS3 notation, but also support 
the -vendor-prefixed one. The 2 boxes have the same properties listed. In the 
second box, the '-webkit-' one wins because it comes last in the code.
(the same will happen when Gecko supports the CSS3 notation in Firefox 4).

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
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] Test on box-shadow and border-radius

[Gabriele Romanato]

You always have a different view of technical things. I think that web  
development would be pretty boring without your insights :-)

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] Test on box-shadow and border-radius

[David Laakso]

Gabriele Romanato wrote:
> Hi all!
> Just finished this:
>
> http://onwebdev.blogspot.com/2010/06/test-on-css3-box-shadow-and-border.html
>
> HTH. :-)
>
> Gabriele Romanato
>
>   





Nice.

Best,
~d

PS When you don't know what else to say: nit-pick :-) . 



-- 
desktop
http://chelseacreekstudio.com/

__
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] Test on box-shadow and border-radius

[Gabriele Romanato]

Cool tooltips indeed! Stunning demo. thanks for sharing! :-)

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] Test on box-shadow and border-radius

[Al Sparber]

From: "Gabriele Romanato" 

> Hi all!
> Just finished this:
>
> http://onwebdev.blogspot.com/2010/06/test-on-css3-box-shadow-and-border.html

Very nice. You should take it further to show more looks, such as different 
treatments for different corners, shadow lengths, etc. 
Could be a real valuable tutorial. We like the idea of using CSS3 like that, so 
long as authors understand IE8 and under don't 
support it. So if curves and shadow are considered an enhancement, rather than 
a design mandate, it's cool.

Here's something we've been working on lately, which might prove interesting as 
it illustrates outer/inner curves:
http://www.projectseven.com/peeks/tooltips/example4.htm

Good job!

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets

 

__
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] Test on box-shadow and border-radius

[Gabriele Romanato]

Hi all!
Just finished this:

http://onwebdev.blogspot.com/2010/06/test-on-css3-box-shadow-and-border.html

HTH. :-)

Gabriele Romanato


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] IE hacks - css conditions

[David Laakso]

Michael Adams wrote:
> Thanks for reading my rant - comments?
>
>   





The pleasure was mine - snifter of hemlock?

Best,
~d


http://chelseacreekstudio.com/

__
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] IE hacks - css conditions

[Michael Adams]

A few years back i dropped conditional comments in favour of the CSS IE 
@import hack[1][2][3]. Now i find myself in a position where i want to send 
one thing to ie7 & ie8 and another to all other browsers. 

What i want to do is give CSS rounded corners and opacity to all browsers that 
support it. All current versions of IE do not support rounded corners - 
though ie9 may in the future. I will pass alpha PNG images to ie7 & ie8. 
Because of no PNG alpha support I may down the track add GIFs for 

Re: [css-d] Sliding Portfolio

[Hoyd Breton]

Matthew + Chris: Thank you for the quick replies. Yeap, I agree that in most
cases animations tend to be on the annoying/ pointless side of things;
however, I feel like slideshows have become a bit commonplace on portfolio
sites, going to give it a try and nix if it's poorly received.

David: Thanks for the direction and the laugh re:LadyGaga. = ]  Getting on
those links.

Cheers all!


On Fri, Jun 25, 2010 at 9:08 PM, Matthew P. Johnson wrote:

>
> Noob here. I'm trying to display the work section on my page by having the
> given project's slideshow appear sliding in to the center of the work
> section.
> If the user selects a different project from the list on the left, the
> current project's slideshow slides away for the newly selected project's
> slideshow to appear.
>
> What technique is recommended here? A parent slider to house all the
> projects and then individual sliders for each project?
>
> I've danced around google, css3 animation & jquery tutorials with little
> luck. Any help would be kindly appreciated.
>
> [Matthew P. Johnson]
> Hi Hoyd, I revoke my earlier response. Your idea sounds lovely. I would be
> keen to see how that works as well.
>
> Good luck
>
>
__
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] Sliding Portfolio

[Matthew P. Johnson]

Noob here. I'm trying to display the work section on my page by having the
given project's slideshow appear sliding in to the center of the work
section.
If the user selects a different project from the list on the left, the
current project's slideshow slides away for the newly selected project's
slideshow to appear.

What technique is recommended here? A parent slider to house all the
projects and then individual sliders for each project?

I've danced around google, css3 animation & jquery tutorials with little
luck. Any help would be kindly appreciated.

[Matthew P. Johnson] 
Hi Hoyd, I revoke my earlier response. Your idea sounds lovely. I would be
keen to see how that works as well. 

Good luck

__
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] Sliding Portfolio

[David Laakso]

Hoyd Breton wrote:
> I'm trying to display the work section on my page by having the
> given project's slideshow appear sliding in to the center of the work
> section.
> If the user selects a different project from the list on the left, the
> current project's slideshow slides away for the newly selected project's
> slideshow to appear.
>
> Hoyd B.
>
>   





That is a tall order. Only Lady Gaga may be capable of pulling it off. 
But, then...

Base layout  [1].
One project per page with navigation [2l inks to same in left-column.
jQuery slide thing [3] in right column.

[1]
>
[2]

[3]


Best,
~d

-- 
desktop
http://chelseacreekstudio.com/

__
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] Sliding Portfolio

[Matthew P. Johnson]

Many people, myself included, find any animation on a web page
very annoying. Don't do it.

[Matthew P. Johnson] 

I do not want to deter you from your web site design but unless you are an
animator or in film animations are really annoying on a web site. This of
course is my personal opinion. 


__
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] Sliding Portfolio

[Chris F.A. Johnson]

On Fri, 25 Jun 2010, Hoyd Breton wrote:

> Top of the evening!
> 
> Noob here. I'm trying to display the work section on my page by having the
> given project's slideshow appear sliding in to the center of the work
> section.
> If the user selects a different project from the list on the left, the
> current project's slideshow slides away for the newly selected project's
> slideshow to appear.
> 
> What technique is recommended here? A parent slider to house all the
> projects and then individual sliders for each project?
> 
> I've danced around google, css3 animation & jquery tutorials with little
> luck. Any help would be kindly appreciated.

Many people, myself included, find any animation on a web page
very annoying. Don't do it.

-- 
   Chris F.A. Johnson, 
   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/

[css-d] Sliding Portfolio

[Hoyd Breton]

Top of the evening!

Noob here. I'm trying to display the work section on my page by having the
given project's slideshow appear sliding in to the center of the work
section.
If the user selects a different project from the list on the left, the
current project's slideshow slides away for the newly selected project's
slideshow to appear.

What technique is recommended here? A parent slider to house all the
projects and then individual sliders for each project?

I've danced around google, css3 animation & jquery tutorials with little
luck. Any help would be kindly appreciated.

Cheers,
Hoyd B.
__
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/