Re: [css-d] Grid System

Sorry, that should read If you don't know context you CAN'T use the formula... Another victim of auto correct... On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: I have to agree with Philip here. If you don't know context you can use the formula you referenced. That, I

Re: [css-d] Grid System

this list. I'm sorry. I must have missed the context mentioned. I only saw references to fixed width gutters. I'll re-read. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] Grid System

On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, October 20, 2014, MiB digital.disc...@gmail.com javascript:_e(%7B%7D,'cvml','digital.disc...@gmail.com'); wrote: okt 20 2014 12:20 Philip Taylor p.tay...@rhul.ac.uk: On the contrary, I want to challenge your

Re: [css-d] Grid System

On Monday, October 20, 2014, David Hucklesby huckle...@gmail.com wrote: On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB digital.disc...@gmail.com: Grids are not hocus locus. I’m giving this response a Like :) Magic plague ;-) -- Tom Livingston | Senior Front-End

Re: [css-d] Float problems

-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css

Re: [css-d] Float problems

...@coffeeonmars.com wrote: On Oct 20, 2014, at 5:50 PM, Tom Livingston tom...@gmail.com wrote: Actually, in Chrome dev tools, i see .sample-summary div wrapping only the two little paragraphs. And the p wrapping the imgs is 100% width; Here is with that p with a red line around

Re: [css-d] Float problems

On Mon, Oct 20, 2014 at 9:11 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:03 PM, Tom Livingston tom...@gmail.com wrote: .sample-summary is 100% width, and is holding the images down. In Chrome dev tools, I was able to add a style to .sample-summary as so: width: 30

Re: [css-d] Float problems

On Mon, Oct 20, 2014 at 9:22 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:15 PM, Tom Livingston tom...@gmail.com wrote: That style says that the ps INSIDE .sample-summary are 30% wide. and the markup I see in Chrome dev tools is: div class=sample-summary p/p p/p /div p

Re: [css-d] Grid System

/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo

Re: [css-d] Sizing for different viewers/devices

portrait orientation. Scrolling card content works on my iPhone but a scroll bar is not visible for me. This might cause users to not know scrolling is possible. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399

Re: [css-d] Sizing for different viewers/devices

at it on your small device with and without this line. Here's reference: http://www.quirksmode.org/mobile/metaviewport/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399

Re: [css-d] Sizing for different viewers/devices

; (or whatever you need). HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] Dropdown menu not working on Safari

[css-d@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/ -- Tom Livingston | Senior Front-End

Re: [css-d] Grid Columns and Frustrations

Just gonna throw this out here for FYI/Reference purposes, just in case: http://sudheerdev.github.io/Foundation5CheatSheet/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] custom fonts not working in Chrome

__ css-discuss [css-d@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/ -- Tom Livingston

Re: [css-d] Grid Columns and Frustrations

is possible. You don't need a grid frame work, obviously, although if you want to build a responsive site they say it will help with the development. I only build responsively now and I don't use a framework. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] Grid Columns and Frustrations

issues that might be more easily helped with here on the list like how do I get this image to break out of its grid column as a design element etc. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Grid Columns and Frustrations

, with what I know, and what I can get done in time. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] Grid Columns and Frustrations

designs to this layout that may or may not fit this grid? Or do all your sites have to look like they were built in Wordpress.. lol. Best, Karl DeSaulniers Design Drumm http://designdrumm.com __ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] First-Child

/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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] iFrame Tag Error in Validation

-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css

Re: [css-d] rem units and %

. This is failure on the designers/devs part. Not CSS's. Is CSS responsible for the containers not flexing? Technically, yes. Did it get into the site by itself and mess things up? No. It was used incorrectly. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] More ems fun!

/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] rem units and %

with em. And that's a really good thing. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org

Re: [css-d] after pseudo-class and link

, but it would be inside the a. A quick test with adding some text after an element worked for me in latest Mac FF/Chrome. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] after pseudo-class and link

in the content: : rule? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] after pseudo-class and link

On Thu, Sep 18, 2014 at 9:28 AM, Tom Livingston tom...@gmail.com wrote: On Thu, Sep 18, 2014 at 9:17 AM, Chris Rockwell ch...@chrisrockwell.com wrote: I assume you're adding this as a background-image, is that correct? Something like: div:after { content: ; background-image: url

Re: [css-d] after pseudo-class and link

On Thu, Sep 18, 2014 at 9:49 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 18 sept. 2014 à 22:28, Tom Livingston tom...@gmail.com a écrit : Can you add the image as base64 in the content: : rule? How would that help in making the image a link? I guess I was adding this to my comment

Re: [css-d] rem units and %

On Thu, Sep 18, 2014 at 10:53 AM, John j...@coffeeonmars.com wrote: On Sep 18, 2014, at 5:47 AM, Tom Livingston tom...@gmail.com wrote: I haven't heard any arguments about not using rem for anything but font-size until this thread. I've only heard that it's no different than using em, except

Re: [css-d] More ems fun!

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] More ems fun!

__ css-discuss [css-d@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/ -- Tom Livingston | Senior

Re: [css-d] More ems fun!

of the image. Anyone know? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] IE8/Netrenderer reveals huge problems

policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] IE8/Netrenderer reveals huge problems

-size: 1rem; -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] IE8/Netrenderer reveals huge problems

@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/ -- Tom Livingston | Senior Front-End Developer | Media

Re: [css-d] IE8/Netrenderer reveals huge problems

On Tue, Sep 16, 2014 at 4:16 PM, John j...@coffeeonmars.com wrote: On Sep 16, 2014, at 1:11 PM, Tom Livingston tom...@gmail.com wrote: IMHO It's well worth adding the px fallback instead the px fallback being to add font-size: 16px; font-size: 1rem; to my css up at the top, right

Re: [css-d] IE8/Netrenderer reveals huge problems

Correct. On Tue, Sep 16, 2014 at 4:25 PM, John j...@coffeeonmars.com wrote: On Sep 16, 2014, at 1:21 PM, Tom Livingston tom...@gmail.com wrote: the px fallback being to add font-size: 16px; font-size: 1rem; to my css up at the top, right? Does this also set 1rem equal to 16px

Re: [css-d] rem units and %

and a gutter of 60. Using percentages, that would be 67%, 26% and 6% with 1% wiggle room (I don't recommend making everything add up to exactly 100% because of differences in browser renderings). -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Webkit syntax for stopped linear gradient

@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/ -- Tom Livingston | Senior Front-End Developer

Re: [css-d] rem units and %

elements will inherit the raw number value, rather than the computed value. With this, child elements can compute their line heights based on their computed font size, rather than inheriting an arbitrary value from a parent that is more likely to need overriding. -- Tom Livingston | Senior Front

Re: [css-d] Call Button CSS not working in all browsers

-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss

Re: [css-d] Call Button CSS not working in all browsers

-discuss [css-d@lists.css-discuss.org javascript:;] 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/ -- Tom Livingston

Re: [css-d] Call Button CSS not working in all browsers

is usually 'min-width: 30em' (480px). -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] Call Button CSS not working in all browsers

-- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] a img tag being overwritten?

I guess you would if the images wasn't found. Alt text would get decorated? Can't check right now. On Thursday, September 11, 2014, Philippe Wittenbergh e...@l-c-n.com wrote: Le 11 sept. 2014 à 18:56, MiB digital.disc...@gmail.com javascript:; a écrit : sep 11 2014 05:19 Tom Livingston tom

[css-d] Fwd: a img tag being overwritten?

-- Forwarded message -- From: *MiB* digital.disc...@gmail.com Date: Thursday, September 11, 2014 sep 11 2014 13:33 Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com');: I guess you would if the images wasn't found. Alt text would get decorated

Re: [css-d] a img tag being overwritten?

...and it's wrapped in an a. On Thursday, September 11, 2014, Tom Livingston tom...@gmail.com wrote: -- Forwarded message -- From: *MiB* digital.disc...@gmail.com javascript:_e(%7B%7D,'cvml','digital.disc...@gmail.com'); Date: Thursday, September 11, 2014 sep 11 2014

Re: [css-d] how to locate un-used CSS?

-- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] a img tag being overwritten?

@lists.css-discuss.org javascript:;] 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/ -- Tom Livingston | Senior Front-End

Re: [css-d] a img tag being overwritten?

On Wed, Sep 10, 2014 at 10:32 PM, John j...@coffeeonmars.com wrote: On Sep 10, 2014, at 7:21 PM, Tom Livingston tom...@gmail.com wrote: The a is a stylable element independent of the img. OK..then would that mean that an empty a tag would have an underline? a class=“has-border-bottom

Re: [css-d] a img tag being overwritten?

On Wed, Sep 10, 2014 at 11:11 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Sep 10, 2014 at 10:32 PM, John j...@coffeeonmars.com wrote: On Sep 10, 2014, at 7:21 PM, Tom Livingston tom...@gmail.com wrote: The a is a stylable element independent of the img. OK..then would that mean

Re: [css-d] Centering menu items responsively

/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

[css-d] CSS Shapes

the coffee cup layout on that page is how do you provide a fallback for that? Anyone? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

Re: [css-d] CSS Shapes

On Thu, Sep 4, 2014 at 8:32 AM, Tom Livingston tom...@gmail.com wrote: Good morning fellow listers, CSS Shapes. No doubt this will be something I'm asked to do in a page layout soon. I was just watching this demo of a new Chrome extension: http://razvancaliman.com/writing/css-shapes

Re: [css-d] CSS Shapes

On Thu, Sep 4, 2014 at 8:58 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 4 sept. 2014 à 21:32, Tom Livingston tom...@gmail.com a écrit : No doubt this will be something I'm asked to do in a page layout soon. I was just watching this demo of a new Chrome extension: http

Re: [css-d] button using text and graphic

On Thu, Sep 4, 2014 at 9:29 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 4 sept. 2014 à 00:31, Tom Livingston tom...@gmail.com a écrit : If you look carefully at the image I linked to, the text and arrow image aren't well centered vertically. It look better in Safari. I know vertical

Re: [css-d] button using text and graphic

One possibility: set the line-height to '1' on the element. Might help a little by making the line box the same size as the font-size. Le 4 sept. 2014 à 00:50, Tom Livingston tom...@gmail.com a écrit : Also, I can't use background-position: 100% 50%; in this case as the arrow

Re: [css-d] button using text and graphic

On Tue, Sep 2, 2014 at 7:55 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 3 sept. 2014 à 07:05, Georg ge...@gunlaug.com a écrit : Den 02.09.2014 22:20, skrev Tom Livingston: http://www.tomliv.com/img/button.png If that's a typical button, I would think the addition of 'background

Re: [css-d] button using text and graphic

this: a href= class=buttonLearn More/a -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] button using text and graphic

On Wed, Sep 3, 2014 at 11:32 AM, Tom Livingston tom...@gmail.com wrote: If you look carefully at the image I linked to, the text and arrow image aren't well centered vertically. It look better in Safari. I know vertical centering is a bit annoying but is there a better way to go about

Re: [css-d] button using text and graphic

. .button{ background-position: 100% 0; } .button:hover{ background-position: 100% -43px; } -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

[css-d] button using text and graphic

not seeing the forest for the trees... TIA -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org

Re: [css-d] button using text and graphic

The text isn't a graphic. On Tue, Sep 2, 2014 at 4:33 PM, Crest Christopher crestchristop...@gmail.com wrote: What do you mean by live text ? Christopher Tom Livingston wrote: color: $lightblue -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] button using text and graphic

Sorry. A little sass is still in there. On Tuesday, September 2, 2014, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: background-color: $yellow; color: $lightblue; What do the dollar signs contribute ? Philip Taylor -- Tom Livingston | Senior Front-End

Re: [css-d] button using text and graphic

class=buttonLive Text!/button Best, Karl Karl DeSaulniers Design Drumm http://designdrumm.com On Sep 2, 2014, at 3:45 PM, Tom Livingston tom...@gmail.com javascript:; wrote: The text isn't a graphic. On Tue, Sep 2, 2014 at 4:33 PM, Crest Christopher crestchristop...@gmail.com

Re: [css-d] button using text and graphic

I'll play with that, thanks Georg On Tuesday, September 2, 2014, Georg ge...@gunlaug.com wrote: Den 02.09.2014 22:20, skrev Tom Livingston: http://www.tomliv.com/img/button.png If that's a typical button, I would think the addition of 'background-size' and adding the arrow

Re: [css-d] Understanding How Relative Font-Size Resize Units in Responsive Design

/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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] page guts visible only in Firefox?

://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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] page guts visible only in Firefox?

Not sure about too many, but are you clearing them properly? I prefer clearfix, but others like overflow:hidden; method. On Tue, Aug 19, 2014 at 4:43 PM, John j...@coffeeonmars.com wrote: On Aug 19, 2014, at 1:26 PM, Tom Livingston tom...@gmail.com wrote: Clear: both; on #middle brought

Re: [css-d] page guts visible only in Firefox?

When I was messing with it in firebug, I added overflow:hidden; on the nav ul, and clear both on #middle On Tue, Aug 19, 2014 at 4:47 PM, John j...@coffeeonmars.com wrote: On Aug 19, 2014, at 1:44 PM, Tom Livingston tom...@gmail.com wrote: Not sure about too many, but are you clearing them

Re: [css-d] Another bug?

by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http

Re: [css-d] div backgound shows below content when it shouldn't

[css-d@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/ -- Tom Livingston | Senior Front-End

Re: [css-d] CSS code - is this right?

-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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] div backgound shows below content when it shouldn't

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] CSS code - is this right?

/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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] removal

://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] Grids: what's all the fuss ?

, but I see a page differently and can recreate it in html with out the need of a million classes for columns. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

-to-flexbox/ Philippe -- Was looking for that tutorial. Philippe beat me to it. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

-- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

-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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] SVG background-image with fallback

is support universally except for very ancient UAs (IE8 is south of 5% now) why bother with a fallback image? Why not just give them a background-color? Seems like a whole lot of wasted work for a drop int he bucket of users. Eric On August 5, 2014 at 9:00 AM Tom Livingston tom...@gmail.com wrote

[css-d] SVG background-image with fallback

browsers). My thought was that it would work like background-color does. Sample page: http://tomliv.com/nick-test/ Just trying to learn here. Why does the cascade not work in both cases? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] SVG background-image with fallback

-image: image.svg; But this fails in IE8 (and presumably in other non-svg-supporting browsers). My thought was that it would work like background-color does. Sample page: http://tomliv.com/nick-test/ Just trying to learn here. Why does the cascade not work in both cases? -- Tom Livingston

Re: [css-d] SVG background-image with fallback

the resource you're giving it. Chris Rockwell On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com'); wrote: I've seen that and others. I'm looking for why. Why don't they work the same. On Tuesday, August 5, 2014, Chris Rockwell

Re: [css-d] SVG background-image with fallback

-with-png/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] SVG background-image with fallback

On Tuesday, August 5, 2014, Chris Rockwell ch...@chrisrockwell.com wrote: Hey Tom, just a heads up that you need to include the 2nd argument in background-image:, otherwise it won't fallback. Ah yes. Correct. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] SVG background-image with fallback

Drumm http://designdrumm.com On Aug 5, 2014, at 7:45 PM, Tom Livingston tom...@gmail.com javascript:; wrote: Background: url(image.png); background-image: url(image.svg), none; __ css-discuss [css-d@lists.css

Re: [css-d] SVG background-image with fallback

, Tom Livingston tom...@gmail.com javascript:; wrote: These were simple examples. In practice, I'd add MQ to stop that from happening in most browsers. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com javascript:; wrote: So with this, my browser, if it supports svg has

Re: [css-d] SVG background-image with fallback

purist, this is gold. ;) Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Aug 5, 2014, at 8:11 PM, Tom Livingston tom...@gmail.com javascript:; wrote: Most likely, yes. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com javascript:; wrote: I see. But so

Re: [css-d] SVG background-image with fallback

Of course, YMMV, but like I said, if you're already using modernizr - which also includes the html5shiv - it's trivial to handle this svg situation. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com wrote: On Aug 5, 2014, at 8:19 PM, Tom Livingston tom...@gmail.com javascript

Re: [css-d] Web fonts

On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just

Re: [css-d] Web fonts

On Monday, August 4, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com javascript:_e(%7B%7D,'cvml','t...@ramasaig.com'); wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch

Re: [css-d] JavaScript / HTML groups

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] keeping submenu open when parent is 'current'

-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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] keeping submenu open when parent is 'current'

-- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] keeping submenu open when parent is 'current'

On Fri, Aug 1, 2014 at 1:15 PM, Debbie Campbell d...@redkitecreative.com wrote: It only appears on hover for me in the latest Chrome/FF.. Sorry I misunderstood what you were after... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] keeping submenu open when parent is 'current'

wrapper) and adjust the styles of the menu to stay visible. Changing the class per page. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

Re: [css-d] Fwd: Re: Web fonts

pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

[css-d] Retina MQs

? Thanks -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki

Re: [css-d] Section Lacks Heading ?

-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

<    1   2   3   4   5   6   7   8   9   10   >