date:20150920

Re: [css-d] .active

2015-09-20 Thread Philip Taylor



D Mark Weiss wrote:

> How do I use JavaScript to change the status of a bootstrap button to 
> .active. I'm happy to read a link. I haven't found one. 

IF   topic = "JavaScript"
THEN topic := "off-topic;
 lists -:= "CSS-D
FI
__
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/

[css-d] .active

2015-09-20 Thread D Mark Weiss

How do I use JavaScript to change the status of a bootstrap button to .active. 
I'm happy to read a link. I haven't found one. 




Mark Weiss 
Mobile-435.363.6363

To reach a goal you have never before attained you must do things you have 
never before done"  Elder Scott
__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Karl DeSaulniers

Ok, but the same (I would say) holds true to any image compression utility.
Use the program that is made to compress the image first using the full(est) 
resolution,
then take that reduced file and see if photoshop can reduce more without 
mudding the image.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Sep 20, 2015, at 9:26 PM, Crest Christopher  
wrote:

> ImageOptim is only for Macs !
> 
> Karl DeSaulniers wrote:
>> Just set the image at the size it needs to be with resolution at 72DPI and 
>> ImageOptim will compress it pretty good. You can also compress more than 
>> once and it takes a little more off. I wouldn't reduce with another program 
>> then this one. First ImageOptim then photoshop save as. 
>> 
>> That's my exp. anyway. 
>> 
>> Hth,
>> Best,
>> Karl
>> 
>> Sent from losPhone
>> 
>>> On Sep 20, 2015, at 7:18 PM, Tom Livingston  wrote:
>>> 
>>> I suggest starting with Save For Web, using the setting to get the image as 
>>> small as possible in weight. Then use one of the compression tools 
>>> mentioned to compress even further. 
>>> 
>>> ImgOptim will compress png as well as jpg. 
>>> 
>>> 
>>> 
 On Sunday, September 20, 2015, Crest Christopher 
  wrote:
 I know, I have numerous images I have to compression extremely low; I have 
 to hunt for the options :-(
 
 
 
 Russ McMullin wrote:
> It really depends on the image. If it’s a photograph, PNG is not the way 
> I would choose to save it. It’s just my opinion, but 75kb seems pretty 
> large for a mobile image.
> 
> Russ
> 
> 
> On Sep 20, 2015, at 3:44 PM, Crest 
> Christopher  wrote:
> 
>> As well my images are PNG.  I don't use the legacy Save for Web; I 
>> prefer Export As; formally Export Assets in Photoshop, which doesn't 
>> offer any control for compression for PNG images.
>> 
>> Blurring parts of an image, it can be beneficial; not for mobile, where 
>> the screen is small to begin with.
>> 
>> 
>> 
>> Karl DeSaulniers wrote:
>>> ImageOptim for Mac. Not sure if it's available for PC.
>>> 
>>> Best,
>>> 
>>> Karl DeSaulniers
>>> Design Drumm
>>> http://designdrumm.com
>>> 
>>> 
>>> 
>>> On Sep 19, 2015, at 11:12 PM, Crest 
>>> Christopher   wrote:
>>> 
 Anyone have any image compression suggestions; there is one I use but 
 it only took a 210kb image to around 100kb.  I'm hoping to squeeze 
 that 210kb image to around atleast 75kb without sacrificing too much 
 quality.  I've tried a few thus far, some are extremely poor at 
 compression, others were, meh, to say the least.
 
 -- 
 .(-. Christopher  .-).
 
 
 __
 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/
>>> __
>>> 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/
>> -- 
>> .(-. Christopher  .-).
>> 
>> 
>> __
>> 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/
 __
 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 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/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-discuss [

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Crest Christopher


ImageOptim is only for Macs !

Karl DeSaulniers wrote:

Just set the image at the size it needs to be with resolution at 72DPI and 
ImageOptim will compress it pretty good. You can also compress more than once 
and it takes a little more off. I wouldn't reduce with another program then 
this one. First ImageOptim then photoshop save as.

That's my exp. anyway.

Hth,
Best,
Karl

Sent from losPhone


On Sep 20, 2015, at 7:18 PM, Tom Livingston  wrote:

I suggest starting with Save For Web, using the setting to get the image as 
small as possible in weight. Then use one of the compression tools mentioned to 
compress even further.

ImgOptim will compress png as well as jpg.




On Sunday, September 20, 2015, Crest Christopher  
wrote:
I know, I have numerous images I have to compression extremely low; I have to 
hunt for the options :-(



Russ McMullin wrote:

It really depends on the image. If it’s a photograph, PNG is not the way I 
would choose to save it. It’s just my opinion, but 75kb seems pretty large for 
a mobile image.

Russ


On Sep 20, 2015, at 3:44 PM, Crest Christopher   
wrote:


As well my images are PNG.  I don't use the legacy Save for Web; I prefer 
Export As; formally Export Assets in Photoshop, which doesn't offer any control 
for compression for PNG images.

Blurring parts of an image, it can be beneficial; not for mobile, where the 
screen is small to begin with.



Karl DeSaulniers wrote:

ImageOptim for Mac. Not sure if it's available for PC.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Sep 19, 2015, at 11:12 PM, Crest Christopher
wrote:


Anyone have any image compression suggestions; there is one I use but it only 
took a 210kb image to around 100kb.  I'm hoping to squeeze that 210kb image to 
around atleast 75kb without sacrificing too much quality.  I've tried a few 
thus far, some are extremely poor at compression, others were, meh, to say the 
least.

--
.(-. Christopher  .-).


__
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/

__
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/

--
.(-. Christopher  .-).


__
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/

__
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 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/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-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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Karl DeSaulniers

Just set the image at the size it needs to be with resolution at 72DPI and 
ImageOptim will compress it pretty good. You can also compress more than once 
and it takes a little more off. I wouldn't reduce with another program then 
this one. First ImageOptim then photoshop save as. 

That's my exp. anyway. 

Hth,
Best,
Karl

Sent from losPhone

> On Sep 20, 2015, at 7:18 PM, Tom Livingston  wrote:
> 
> I suggest starting with Save For Web, using the setting to get the image as 
> small as possible in weight. Then use one of the compression tools mentioned 
> to compress even further. 
> 
> ImgOptim will compress png as well as jpg. 
> 
> 
> 
>> On Sunday, September 20, 2015, Crest Christopher 
>>  wrote:
>> I know, I have numerous images I have to compression extremely low; I have 
>> to hunt for the options :-(
>> 
>> 
>> 
>> Russ McMullin wrote:
>>> It really depends on the image. If it’s a photograph, PNG is not the way I 
>>> would choose to save it. It’s just my opinion, but 75kb seems pretty large 
>>> for a mobile image.
>>> 
>>> Russ
>>> 
>>> 
>>> On Sep 20, 2015, at 3:44 PM, Crest Christopher  
>>> wrote:
>>> 
 As well my images are PNG.  I don't use the legacy Save for Web; I prefer 
 Export As; formally Export Assets in Photoshop, which doesn't offer any 
 control for compression for PNG images.
 
 Blurring parts of an image, it can be beneficial; not for mobile, where 
 the screen is small to begin with.
 
 
 
 Karl DeSaulniers wrote:
> ImageOptim for Mac. Not sure if it's available for PC.
> 
> Best,
> 
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
> 
> 
> 
> On Sep 19, 2015, at 11:12 PM, Crest 
> Christopher   wrote:
> 
>> Anyone have any image compression suggestions; there is one I use but it 
>> only took a 210kb image to around 100kb.  I'm hoping to squeeze that 
>> 210kb image to around atleast 75kb without sacrificing too much quality. 
>>  I've tried a few thus far, some are extremely poor at compression, 
>> others were, meh, to say the least.
>> 
>> -- 
>> .(-. Christopher  .-).
>> 
>> 
>> __
>> 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/
> __
> 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/
 -- 
 .(-. Christopher  .-).
 
 
 __
 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/
>> 
>> __
>> 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 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/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] z-index of background images

2015-09-20 Thread Crest Christopher

The short-hand method didn't work.  I'm going to revert everything back 
to it's original state and...



Tom Livingston wrote:

Shorthand should be:

Background: url(image1.jpg) 50% 50% no-repeat, url(image2.jpg) 50% 50% 
no-repeat,

Url(image3.jpg) 45% 65% no-repeat;



On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


Before I posted a link, if it's required.  This is what I have in
place as a pseudo thus far;

background-image: ,,
background-position:,,
I've tried the short hand, that being; 50% 50%, 0% 45%,0% 65%. 
Image_a & Image_b don't even appear, it's as if they are gone !


Tom Livingston wrote:



On Sunday, September 20, 2015, Crest Christopher
> wrote:

Since I changed the background-image order to what in essence
should have worked out.  This also required me to change the
background-position order, and to my surprise it doesn't work.

What I had previously was using the three background position
properties; top, bottom, center.  You can't mix percentages
with written position properties, written as in using the
word; top.  At the moment, the top & bottom graphic that were
working previously before changing the order of the
background-images are no longer visible ?

Tom Livingston wrote:

Did you read the info at the link I sent?




If you are using the full background shorthand as shown at the
CSS-tricks link or our other email thread, you should have just
reordered each entire background rule. If you aren't using proper
shorthand again you are going to run into issues. As always, a
link is best.


-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





--

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

Shorthand should be:

Background: url(image1.jpg) 50% 50% no-repeat, url(image2.jpg) 50% 50%
no-repeat,
Url(image3.jpg) 45% 65% no-repeat;



On Sunday, September 20, 2015, Crest Christopher 
wrote:

> Before I posted a link, if it's required.  This is what I have in place as
> a pseudo thus far;
>
> background-image: ,,
> background-position:,,
> I've tried the short hand, that being; 50% 50%, 0% 45%,0% 65%.  Image_a &
> Image_b don't even appear, it's as if they are gone !
>
> Tom Livingston wrote:
>
>
>
> On Sunday, September 20, 2015, Crest Christopher <
> crestchristop...@gmail.com
> > wrote:
>
>> Since I changed the background-image order to what in essence should have
>> worked out.  This also required me to change the background-position order,
>> and to my surprise it doesn't work.
>>
>> What I had previously was using the three background position properties;
>> top, bottom, center.  You can't mix percentages with written position
>> properties, written as in using the word; top.  At the moment, the top &
>> bottom graphic that were working previously before changing the order of
>> the background-images are no longer visible ?
>>
>> Tom Livingston wrote:
>>
>> Did you read the info at the link I sent?
>>
>>
>
> If you are using the full background shorthand as shown at the CSS-tricks
> link or our other email thread, you should have just reordered each entire
> background rule. If you aren't using proper shorthand again you are going
> to run into issues. As always, a link is best.
>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>
>

-- 

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/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] z-index of background images

2015-09-20 Thread Crest Christopher

Before I posted a link, if it's required.  This is what I have in place 
as a pseudo thus far;


background-image: ,,
background-position:,,
I've tried the short hand, that being; 50% 50%, 0% 45%,0% 65%.  Image_a 
& Image_b don't even appear, it's as if they are gone !


Tom Livingston wrote:



On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


Since I changed the background-image order to what in essence
should have worked out.  This also required me to change the
background-position order, and to my surprise it doesn't work.

What I had previously was using the three background position
properties; top, bottom, center.  You can't mix percentages with
written position properties, written as in using the word; top. 
At the moment, the top & bottom graphic that were working

previously before changing the order of the background-images are
no longer visible ?

Tom Livingston wrote:

Did you read the info at the link I sent?




If you are using the full background shorthand as shown at the 
CSS-tricks link or our other email thread, you should have just 
reordered each entire background rule. If you aren't using proper 
shorthand again you are going to run into issues. As always, a link is 
best.



--

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> Since I changed the background-image order to what in essence should have
> worked out.  This also required me to change the background-position order,
> and to my surprise it doesn't work.
>
> What I had previously was using the three background position properties;
> top, bottom, center.  You can't mix percentages with written position
> properties, written as in using the word; top.  At the moment, the top &
> bottom graphic that were working previously before changing the order of
> the background-images are no longer visible ?
>
> Tom Livingston wrote:
>
> Did you read the info at the link I sent?
>
>

If you are using the full background shorthand as shown at the CSS-tricks
link or our other email thread, you should have just reordered each entire
background rule. If you aren't using proper shorthand again you are going
to run into issues. As always, a link is best.


-- 

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/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] z-index of background images

2015-09-20 Thread Crest Christopher

Since I changed the background-image order to what in essence should 
have worked out.  This also required me to change the 
background-position order, and to my surprise it doesn't work.


What I had previously was using the three background position 
properties; top, bottom, center.  You can't mix percentages with written 
position properties, written as in using the word; top.  At the moment, 
the top & bottom graphic that were working previously before changing 
the order of the background-images are no longer visible ?


Tom Livingston wrote:

Did you read the info at the link I sent?

On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


I have multiple background images for a div, I want one of those
background images to overlap the other.

Tom Livingston wrote:

https://css-tricks.com/stacking-order-of-multiple-backgrounds/



On Sunday, September 20, 2015, Tom Livingston > wrote:

Z-index won't help unless you are putting each image in its
own container. Z-index won't effect a background image itself.

On Sunday, September 20, 2015, Crest Christopher
 wrote:

I can do multiple z-index and have them effect multiple
background images ?

Tom Livingston wrote:

Yes

On Sunday, September 20, 2015, Crest Christopher
 wrote:

In terms of background images order ?

Tom Livingston wrote:

The order you have them in the CSS controls their
stack order.

On Sunday, September 20, 2015, Crest Christopher
 wrote:

Unfortunately it's not possible to change the
z-index of a multiple background image; anyone
have any suggestions as to how, if at all, this
can be done ?



-- 
.(-. Christopher  .-).




__
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 Front End Developer | Media
Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 |
medialogic.com 


#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399



-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





--

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/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] z-index of background images

2015-09-20 Thread Crest Christopher


Ah, I caught the mark ! I hope it works !

Tom Livingston wrote:

https://css-tricks.com/stacking-order-of-multiple-backgrounds/



On Sunday, September 20, 2015, Tom Livingston > wrote:


Z-index won't help unless you are putting each image in its own
container. Z-index won't effect a background image itself.

On Sunday, September 20, 2015, Crest Christopher
> wrote:

I can do multiple z-index and have them effect multiple
background images ?

Tom Livingston wrote:

Yes

On Sunday, September 20, 2015, Crest Christopher
 wrote:

In terms of background images order ?

Tom Livingston wrote:

The order you have them in the CSS controls their stack
order.

On Sunday, September 20, 2015, Crest Christopher
 wrote:

Unfortunately it's not possible to change the
z-index of a multiple background image; anyone have
any suggestions as to how, if at all, this can be done ?



-- 
.(-. Christopher  .-).




__
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 Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399



--

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

Did you read the info at the link I sent?

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> I have multiple background images for a div, I want one of those
> background images to overlap the other.
>
> Tom Livingston wrote:
>
> https://css-tricks.com/stacking-order-of-multiple-backgrounds/
>
>
>
> On Sunday, September 20, 2015, Tom Livingston  > wrote:
>
>> Z-index won't help unless you are putting each image in its own
>> container. Z-index won't effect a background image itself.
>>
>> On Sunday, September 20, 2015, Crest Christopher <
>> crestchristop...@gmail.com> wrote:
>>
>>> I can do multiple z-index and have them effect multiple background
>>> images ?
>>>
>>> Tom Livingston wrote:
>>>
>>> Yes
>>>
>>> On Sunday, September 20, 2015, Crest Christopher <
>>> crestchristop...@gmail.com> wrote:
>>>
 In terms of background images order ?

 Tom Livingston wrote:

 The order you have them in the CSS controls their stack order.

 On Sunday, September 20, 2015, Crest Christopher <
 crestchristop...@gmail.com> wrote:

> Unfortunately it's not possible to change the z-index of a multiple
> background image; anyone have any suggestions as to how, if at all, this
> can be done ?
>
>
>
> --
> .(-. Christopher  .-).
>
>
> __
> 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 Front End Developer | Media Logic |
 ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


 #663399



>>>
>>> --
>>>
>>> Tom Livingston | Senior Front End Developer | Media Logic |
>>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>>>
>>>
>>> #663399
>>>
>>>
>>>
>>
>> --
>>
>> Tom Livingston | Senior Front End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>>
>>
>> #663399
>>
>>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>
>

-- 

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/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] z-index of background images

2015-09-20 Thread Crest Christopher

I have multiple background images for a div, I want one of those 
background images to overlap the other.


Tom Livingston wrote:

https://css-tricks.com/stacking-order-of-multiple-backgrounds/



On Sunday, September 20, 2015, Tom Livingston > wrote:


Z-index won't help unless you are putting each image in its own
container. Z-index won't effect a background image itself.

On Sunday, September 20, 2015, Crest Christopher
> wrote:

I can do multiple z-index and have them effect multiple
background images ?

Tom Livingston wrote:

Yes

On Sunday, September 20, 2015, Crest Christopher
 wrote:

In terms of background images order ?

Tom Livingston wrote:

The order you have them in the CSS controls their stack
order.

On Sunday, September 20, 2015, Crest Christopher
 wrote:

Unfortunately it's not possible to change the
z-index of a multiple background image; anyone have
any suggestions as to how, if at all, this can be done ?



-- 
.(-. Christopher  .-).




__
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 Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





-- 


Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399



--

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

https://css-tricks.com/stacking-order-of-multiple-backgrounds/



On Sunday, September 20, 2015, Tom Livingston  wrote:

> Z-index won't help unless you are putting each image in its own container.
> Z-index won't effect a background image itself.
>
> On Sunday, September 20, 2015, Crest Christopher <
> crestchristop...@gmail.com
> > wrote:
>
>> I can do multiple z-index and have them effect multiple background images
>> ?
>>
>> Tom Livingston wrote:
>>
>> Yes
>>
>> On Sunday, September 20, 2015, Crest Christopher <
>> crestchristop...@gmail.com> wrote:
>>
>>> In terms of background images order ?
>>>
>>> Tom Livingston wrote:
>>>
>>> The order you have them in the CSS controls their stack order.
>>>
>>> On Sunday, September 20, 2015, Crest Christopher <
>>> crestchristop...@gmail.com> wrote:
>>>
 Unfortunately it's not possible to change the z-index of a multiple
 background image; anyone have any suggestions as to how, if at all, this
 can be done ?



 --
 .(-. Christopher  .-).


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

-- 

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

Z-index won't help unless you are putting each image in its own container.
Z-index won't effect a background image itself.

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> I can do multiple z-index and have them effect multiple background images ?
>
> Tom Livingston wrote:
>
> Yes
>
> On Sunday, September 20, 2015, Crest Christopher <
> crestchristop...@gmail.com
> > wrote:
>
>> In terms of background images order ?
>>
>> Tom Livingston wrote:
>>
>> The order you have them in the CSS controls their stack order.
>>
>> On Sunday, September 20, 2015, Crest Christopher <
>> crestchristop...@gmail.com> wrote:
>>
>>> Unfortunately it's not possible to change the z-index of a multiple
>>> background image; anyone have any suggestions as to how, if at all, this
>>> can be done ?
>>>
>>>
>>>
>>> --
>>> .(-. Christopher  .-).
>>>
>>>
>>> __
>>> 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 Front End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>>
>>
>> #663399
>>
>>
>>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>
>

-- 

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/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] z-index of background images

2015-09-20 Thread Crest Christopher


I can do multiple z-index and have them effect multiple background images ?

Tom Livingston wrote:

Yes

On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


In terms of background images order ?

Tom Livingston wrote:

The order you have them in the CSS controls their stack order.

On Sunday, September 20, 2015, Crest Christopher
> wrote:

Unfortunately it's not possible to change the z-index of a
multiple background image; anyone have any suggestions as to
how, if at all, this can be done ?



-- 
.(-. Christopher  .-).



__
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 Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com



#663399





--

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/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] z-index of background images

2015-09-20 Thread Tom Livingston

Yes

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> In terms of background images order ?
>
> Tom Livingston wrote:
>
> The order you have them in the CSS controls their stack order.
>
> On Sunday, September 20, 2015, Crest Christopher <
> crestchristop...@gmail.com
> > wrote:
>
>> Unfortunately it's not possible to change the z-index of a multiple
>> background image; anyone have any suggestions as to how, if at all, this
>> can be done ?
>>
>>
>>
>> --
>> .(-. Christopher  .-).
>>
>>
>> __
>> 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 Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>
>

-- 

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/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] Retina Graphic Sizes

2015-09-20 Thread Tom Livingston

It uses the 2x if you serve it the 2x, but if you don't give it the same
coded dimensions as the 1x it will render at its native size.

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> What is the hardware doing, as I said, simply scaling down the x2 image to
> what the x1 image is; or literally using the x2 graphic ?
>
> You will need to place the same dimensions of the 1x image on the 2x
> image. In other words, you need to scale it down in the mark up or CSS.
>
> ?
>
>
>
> Tom Livingston wrote:
>
>
>
> On Sunday, September 20, 2015, Crest Christopher <
> crestchristop...@gmail.com
> > wrote:
>
>> I have a question about retina graphics, if a graphic designed for the
>> iPhone 2 is be double the size of the original graphic; does the iPhone
>> strictly scale the graphic down to the size of the original graphic or does
>> it use the scaled, x2 graphic ?
>>
>> --
>> .(-. Christopher  .-).
>>
>>
>> __
>>
>
> You will need to place the same dimensions of the 1x image on the 2x
> image. In other words, you need to scale it down in the mark up or CSS.
>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>
>

-- 

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/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] z-index of background images

2015-09-20 Thread Crest Christopher


In terms of background images order ?

Tom Livingston wrote:

The order you have them in the CSS controls their stack order.

On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


Unfortunately it's not possible to change the z-index of a
multiple background image; anyone have any suggestions as to how,
if at all, this can be done ?



-- 
.(-. Christopher  .-).



__
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 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/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] Retina Graphic Sizes

2015-09-20 Thread Crest Christopher

What is the hardware doing, as I said, simply scaling down the x2 image 
to what the x1 image is; or literally using the x2 graphic ?


   You will need to place the same dimensions of the 1x image on the 2x
   image. In other words, you need to scale it down in the mark up or CSS. 


?



Tom Livingston wrote:



On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


I have a question about retina graphics, if a graphic designed for
the iPhone 2 is be double the size of the original graphic; does
the iPhone strictly scale the graphic down to the size of the
original graphic or does it use the scaled, x2 graphic ?

-- 
.(-. Christopher  .-).



__


You will need to place the same dimensions of the 1x image on the 2x 
image. In other words, you need to scale it down in the mark up or CSS.



--

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/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] Image compression suggestions ?

2015-09-20 Thread Crest Christopher

Export As is the same as save for web. PNG, especially transparent PNG 
won't compress too drastic when using save for web, from my experiences.


ImgOptim & TriImage are not for PC.

Tom Livingston wrote:
I suggest starting with Save For Web, using the setting to get the 
image as small as possible in weight. Then use one of the compression 
tools mentioned to compress even further.


ImgOptim will compress png as well as jpg.



On Sunday, September 20, 2015, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:


I know, I have numerous images I have to compression extremely
low; I have to hunt for the options :-(



Russ McMullin wrote:

It really depends on the image. If it’s a photograph, PNG is
not the way I would choose to save it. It’s just my opinion,
but 75kb seems pretty large for a mobile image.

Russ


On Sep 20, 2015, at 3:44 PM, Crest
Christopher  wrote:

As well my images are PNG.  I don't use the legacy Save
for Web; I prefer Export As; formally Export Assets in
Photoshop, which doesn't offer any control for compression
for PNG images.

Blurring parts of an image, it can be beneficial; not for
mobile, where the screen is small to begin with.



Karl DeSaulniers wrote:

ImageOptim for Mac. Not sure if it's available for PC.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Sep 19, 2015, at 11:12 PM, Crest
Christopher   wrote:

Anyone have any image compression suggestions;
there is one I use but it only took a 210kb image
to around 100kb.  I'm hoping to squeeze that 210kb
image to around atleast 75kb without sacrificing
too much quality.  I've tried a few thus far, some
are extremely poor at compression, others were,
meh, to say the least.

-- 
.(-. Christopher  .-).




__
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/


__
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/

-- 
.(-. Christopher  .-).




__
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/



__
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 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/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] Image compression suggestions ?

2015-09-20 Thread Tom Livingston

I suggest starting with Save For Web, using the setting to get the image as
small as possible in weight. Then use one of the compression tools
mentioned to compress even further.

ImgOptim will compress png as well as jpg.



On Sunday, September 20, 2015, Crest Christopher 
wrote:

> I know, I have numerous images I have to compression extremely low; I have
> to hunt for the options :-(
>
>
>
> Russ McMullin wrote:
>
>> It really depends on the image. If it’s a photograph, PNG is not the way
>> I would choose to save it. It’s just my opinion, but 75kb seems pretty
>> large for a mobile image.
>>
>> Russ
>>
>>
>> On Sep 20, 2015, at 3:44 PM, Crest Christopher
>> wrote:
>>
>> As well my images are PNG.  I don't use the legacy Save for Web; I prefer
>>> Export As; formally Export Assets in Photoshop, which doesn't offer any
>>> control for compression for PNG images.
>>>
>>> Blurring parts of an image, it can be beneficial; not for mobile, where
>>> the screen is small to begin with.
>>>
>>>
>>>
>>> Karl DeSaulniers wrote:
>>>
 ImageOptim for Mac. Not sure if it's available for PC.

 Best,

 Karl DeSaulniers
 Design Drumm
 http://designdrumm.com



 On Sep 19, 2015, at 11:12 PM, Crest Christopher<
 crestchristop...@gmail.com>   wrote:

 Anyone have any image compression suggestions; there is one I use but
> it only took a 210kb image to around 100kb.  I'm hoping to squeeze that
> 210kb image to around atleast 75kb without sacrificing too much quality.
> I've tried a few thus far, some are extremely poor at compression, others
> were, meh, to say the least.
>
> --
> .(-. Christopher  .-).
>
>
> __
> 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/
>
 __
 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/

>>> --
>>> .(-. Christopher  .-).
>>>
>>>
>>> __
>>> 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/
>>>
>>
>>
> __
> 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 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/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] z-index of background images

2015-09-20 Thread Tom Livingston

The order you have them in the CSS controls their stack order.

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> Unfortunately it's not possible to change the z-index of a multiple
> background image; anyone have any suggestions as to how, if at all, this
> can be done ?
>
>
>
> --
> .(-. Christopher  .-).
>
>
> __
> 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 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/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] Retina Graphic Sizes

2015-09-20 Thread Tom Livingston

On Sunday, September 20, 2015, Crest Christopher 
wrote:

> I have a question about retina graphics, if a graphic designed for the
> iPhone 2 is be double the size of the original graphic; does the iPhone
> strictly scale the graphic down to the size of the original graphic or does
> it use the scaled, x2 graphic ?
>
> --
> .(-. Christopher  .-).
>
>
> __
>

You will need to place the same dimensions of the 1x image on the 2x image.
In other words, you need to scale it down in the mark up or CSS.


-- 

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/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] Retina Graphic Sizes

2015-09-20 Thread Crest Christopher

I have a question about retina graphics, if a graphic designed for the 
iPhone 2 is be double the size of the original graphic; does the iPhone 
strictly scale the graphic down to the size of the original graphic or 
does it use the scaled, x2 graphic ?


--
.(-. Christopher  .-).


__
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/

[css-d] z-index of background images

2015-09-20 Thread Crest Christopher

Unfortunately it's not possible to change the z-index of a multiple 
background image; anyone have any suggestions as to how, if at all, this 
can be done ?




--
.(-. Christopher  .-).


__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Crest Christopher

I know, I have numerous images I have to compression extremely low; I 
have to hunt for the options :-(




Russ McMullin wrote:

It really depends on the image. If it’s a photograph, PNG is not the way I 
would choose to save it. It’s just my opinion, but 75kb seems pretty large for 
a mobile image.

Russ


On Sep 20, 2015, at 3:44 PM, Crest Christopher  
wrote:


As well my images are PNG.  I don't use the legacy Save for Web; I prefer 
Export As; formally Export Assets in Photoshop, which doesn't offer any control 
for compression for PNG images.

Blurring parts of an image, it can be beneficial; not for mobile, where the 
screen is small to begin with.



Karl DeSaulniers wrote:

ImageOptim for Mac. Not sure if it's available for PC.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Sep 19, 2015, at 11:12 PM, Crest Christopher   
wrote:


Anyone have any image compression suggestions; there is one I use but it only 
took a 210kb image to around 100kb.  I'm hoping to squeeze that 210kb image to 
around atleast 75kb without sacrificing too much quality.  I've tried a few 
thus far, some are extremely poor at compression, others were, meh, to say the 
least.

--
.(-. Christopher  .-).


__
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/

__
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/

--
.(-. Christopher  .-).


__
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/




__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Russ McMullin

It really depends on the image. If it’s a photograph, PNG is not the way I 
would choose to save it. It’s just my opinion, but 75kb seems pretty large for 
a mobile image.

Russ


On Sep 20, 2015, at 3:44 PM, Crest Christopher  
wrote:

> As well my images are PNG.  I don't use the legacy Save for Web; I prefer 
> Export As; formally Export Assets in Photoshop, which doesn't offer any 
> control for compression for PNG images.
> 
> Blurring parts of an image, it can be beneficial; not for mobile, where the 
> screen is small to begin with.
> 
> 
> 
> Karl DeSaulniers wrote:
>> ImageOptim for Mac. Not sure if it's available for PC.
>> 
>> Best,
>> 
>> Karl DeSaulniers
>> Design Drumm
>> http://designdrumm.com
>> 
>> 
>> 
>> On Sep 19, 2015, at 11:12 PM, Crest Christopher  
>> wrote:
>> 
>>> Anyone have any image compression suggestions; there is one I use but it 
>>> only took a 210kb image to around 100kb.  I'm hoping to squeeze that 210kb 
>>> image to around atleast 75kb without sacrificing too much quality.  I've 
>>> tried a few thus far, some are extremely poor at compression, others were, 
>>> meh, to say the least.
>>> 
>>> -- 
>>> .(-. Christopher  .-).
>>> 
>>> 
>>> __
>>> 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/
>> 
>> __
>> 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/
> 
> -- 
> .(-. Christopher  .-).
> 
> 
> __
> 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/

__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Crest Christopher

As well my images are PNG.  I don't use the legacy Save for Web; I 
prefer Export As; formally Export Assets in Photoshop, which doesn't 
offer any control for compression for PNG images.


Blurring parts of an image, it can be beneficial; not for mobile, where 
the screen is small to begin with.




Karl DeSaulniers wrote:

ImageOptim for Mac. Not sure if it's available for PC.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com



On Sep 19, 2015, at 11:12 PM, Crest Christopher  
wrote:


Anyone have any image compression suggestions; there is one I use but it only 
took a 210kb image to around 100kb.  I'm hoping to squeeze that 210kb image to 
around atleast 75kb without sacrificing too much quality.  I've tried a few 
thus far, some are extremely poor at compression, others were, meh, to say the 
least.

--
.(-. Christopher  .-).


__
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/


__
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/


--
.(-. Christopher  .-).


__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Crest Christopher


My images are at 72dpi; would it make a difference ?

GJim wrote:


On 09/20/2015 12:07 PM, Crest Christopher wrote:
What exactly does the 'Set DPI function' do; if you don't mind me 
asking ? 
Basically, it sets the resolution, in 'Dots Per Inch', or the image.  
For most web-page uses, 72 DPI is sufficient.  You can use a 
'thumb-nail' image, of small size or low resolution, for initial 
display, linking to a larger image with greater resolution if needed.


See:
http://www.wyomerc.com/bookrepair/bookrepairs.html

Click on the thumb-nails to see larger images.

G-Jim c):{-


__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread GJim



On 09/20/2015 12:07 PM, Crest Christopher wrote:
What exactly does the 'Set DPI function' do; if you don't mind me 
asking ? 
Basically, it sets the resolution, in 'Dots Per Inch', or the image.  
For most web-page uses, 72 DPI is sufficient.  You can use a 
'thumb-nail' image, of small size or low resolution, for initial 
display, linking to a larger image with greater resolution if needed.


See:
http://www.wyomerc.com/bookrepair/bookrepairs.html

Click on the thumb-nails to see larger images.

G-Jim c):{-
__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Crest Christopher


What exactly does the 'Set DPI function' do; if you don't mind me asking ?


GJim wrote:


On 09/19/2015 10:12 PM, Crest Christopher wrote:
Anyone have any image compression suggestions; there is one I use but 
it only took a 210kb image to around 100kb.  I'm hoping to squeeze 
that 210kb image to around atleast 75kb without sacrificing too much 
quality.  I've tried a few thus far, some are extremely poor at 
compression, others were, meh, to say the least. 


Xnview (www.xnview.com) - Available for Windows, Mac, Linux.  The 'Set 
DPI' function may be what you need.


G-Jim c):{-



__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread Russ McMullin

> On 09/19/2015 10:12 PM, Crest Christopher wrote:
>> Anyone have any image compression suggestions; there is one I use but it 
>> only took a 210kb image to around 100kb.  I'm hoping to squeeze that 210kb 
>> image to around atleast 75kb without sacrificing too much quality.  I've 
>> tried a few thus far, some are extremely poor at compression, others were, 
>> meh, to say the least. 
> 
> Xnview (www.xnview.com) - Available for Windows, Mac, Linux.  The 'Set DPI' 
> function may be what you need.
> 
> G-Jim c):{-

JPEGmini is the best optimizer I’ve seen for JPEG images. It isn’t free, but it 
isn’t expensive either ($20?). So far it out-performs anything I have compared 
it to. I start out using Photoshop “Save for web” with a quality of 65% and I 
like the results. If I need to squeeze an image down further, and my normal 
workflow doesn’t do it. I use the Blur tool to selectively blur areas that 
aren’t as important. Blurry images compress much better than sharp images, and 
very often it isn’t necessary to have the entire image tack sharp.

Russ
__
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/

Re: [css-d] Image compression suggestions ?

2015-09-20 Thread GJim



On 09/19/2015 10:12 PM, Crest Christopher wrote:
Anyone have any image compression suggestions; there is one I use but 
it only took a 210kb image to around 100kb.  I'm hoping to squeeze 
that 210kb image to around atleast 75kb without sacrificing too much 
quality.  I've tried a few thus far, some are extremely poor at 
compression, others were, meh, to say the least. 


Xnview (www.xnview.com) - Available for Windows, Mac, Linux.  The 'Set 
DPI' function may be what you need.


G-Jim c):{-

__
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/

Re: [css-d] .active

[css-d] .active

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] z-index of background images

Re: [css-d] Retina Graphic Sizes

Re: [css-d] z-index of background images

Re: [css-d] Retina Graphic Sizes

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] z-index of background images

Re: [css-d] Retina Graphic Sizes

[css-d] Retina Graphic Sizes

[css-d] z-index of background images

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

Re: [css-d] Image compression suggestions ?

34 matches

Site Navigation

Mail list logo

Footer information