Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread Philippe Wittenbergh
Le 7 mars 2014 à 11:23, John a écrit : > .is some kind of css required to show the png on those browsers that won't > handle the svg file? > I guess something for IE? Try conditional comments? But this reminds me - older Android (2.x and 3 iirc) also doesn't support SVG at all, and tends to

Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread John
On 3/6/14 5:53 PM, Philippe Wittenbergh wrote: If it is a decorative element or background, your best bet is an SVG file (with PNG fallback), as Tom notes. This can even be used with the border-image property. Thank you, Philippe..is some kind of css required to show the png on those browse

Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread Philippe Wittenbergh
Le 7 mars 2014 à 05:26, John a écrit : > Shapes in question can be seen here. > http://coffeeonmars.com/screenshots/ShapesToCss.png Depends what the use case is… If it is a decorative element or background, your best bet is an SVG file (with PNG fallback), as Tom notes. This can even be used

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Tom Livingston
On Thu, Mar 6, 2014 at 3:41 PM, Davies, Elizabeth wrote: > On the bright side, it's all getting gutted and nothing is sacred. It will be > a fun year. > You get a whole year?!? Lucky! -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mli

Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread Tom Livingston
On Thu, Mar 6, 2014 at 3:40 PM, John wrote: > > On 3/6/14 12:37 PM, Tom Livingston wrote: >> >> You may be better off with SVG (or gif/png) for compatibility's sake, > > ah..ok, that I can do. If I go with .svg, who gets frozen out? IE? Looks like IE8 and below http://caniuse.com/#search=svg --

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Davies, Elizabeth
I can find an evolution of clearfix across the years, but my latest is what Tom uses, except I use IE conditional stylesheets for IE miscellany. Or did. As of last quarter IE7 is dead to me ... IE8 will be before the end of 2014. In fact, it looks like I'll only have to deal with IE9 remnants

Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread John
On 3/6/14 12:37 PM, Tom Livingston wrote: You may be better off with SVG (or gif/png) for compatibility's sake, ah..ok, that I can do. If I go with .svg, who gets frozen out? IE? __ css-discuss [css-d@lists.css-discuss.org] htt

Re: [css-d] can CSS3 make these shapes?

2014-03-06 Thread Tom Livingston
On Thu, Mar 6, 2014 at 3:26 PM, John wrote: > Shapes in question can be seen here. > http://coffeeonmars.com/screenshots/ShapesToCss.png > > Months ago, there was a link to a set of Simpsons images that were done with > CSS, so I've got to think that any shape is possible..these shapes I'm aski

[css-d] can CSS3 make these shapes?

2014-03-06 Thread John
Shapes in question can be seen here. http://coffeeonmars.com/screenshots/ShapesToCss.png Months ago, there was a link to a set of Simpsons images that were done with CSS, so I've got to think that any shape is possible..these shapes I'm asking about are far simpler than a Simpsons character.

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Tom Livingston
On Thu, Mar 6, 2014 at 1:22 PM, John wrote: > In web development and programming, what IS a "hack" to begin with? > > >From the print world I can cite examples of things done by designers in > >InDesign, say, where they didn't know how to handle an exception to their > >design, so they slapped a

Re: [css-d] is "clear" a hack?

2014-03-06 Thread John
In web development and programming, what IS a "hack" to begin with? >From the print world I can cite examples of things done by designers in >InDesign, say, where they didn't know how to handle an exception to their >design, so they slapped a white box over it to hide the unwanted bits and >cal

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Greg Wilker
-Original Message- From: Behalf Of Tom Livingston Subject: Re: [css-d] is "clear" a hack? On Thu, Mar 6, 2014 at 12:18 PM, Davies, Elizabeth wrote: > I have to agree. It's been the least problematic solution i've tried. I'm not sure what modern browsers have implemented to lessen it's us

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Tom Livingston
On Thu, Mar 6, 2014 at 12:18 PM, Davies, Elizabeth wrote: > I disagree on the clearfix bash. Working on dynamically generated sites at an > enterprise level with years of legacy content populating widely divergent > designs, clearfix was the best thing ever. As the single UX/CSS developer > wor

Re: [css-d] is "clear" a hack?

2014-03-06 Thread John
On Mar 6, 2014, at 9:18 AM, "Davies, Elizabeth" wrote: > With the improvement of browsers and adoption of HTML5/CSS3 its time is > ending. But it is a very good solution for its time and scope. Elizabeth..would you mind expounding on that point? You mean that the time for clearfix as an oft

Re: [css-d] is "clear" a hack?

2014-03-06 Thread Davies, Elizabeth
I disagree on the clearfix bash. Working on dynamically generated sites at an enterprise level with years of legacy content populating widely divergent designs, clearfix was the best thing ever. As the single UX/CSS developer working with multiple development teams, sites and applications ... cl

Re: [css-d] rotate image CSS3?

2014-03-06 Thread Tedd Sperling
Jon: Ahhh that works. http://php1.net/a/tilt/ Thanks, tedd ___ tedd sperling t...@sperling.com On Mar 5, 2014, at 6:41 PM, Jon Reece wrote: > > On Wed, Mar 5, 2014 at 3:43 PM, Tedd Sperling wrote: > Interesting, but I can't get it to work. > > http://php1.net/a/tilt/ >

Re: [css-d] rotate image CSS3?

2014-03-06 Thread MiB
Jon Reece : > Since transform is still an experimental feature of CSS3, you'll need to > use vendor prefixes: > > .tilt-2d { > -webkit-transform: rotate(25deg); > -moz-transform: rotate(25deg); > transform: rotate(25deg); > } > > The reason the codepen example works without them is because t