[css-d] Chrome Retina Display
Chrome has the ability to Preview Retina display graphics with a little adjusting within a setting of it's Dev Tools, how reliable is this; if the graphic is not optimized for retina display, one or two graphics are not optimized for retina on a page I'm working on, they are suppose to look slightly blurry when not optimized, following Chrome ability to preview retina graphics, both of the two retina graphics that should look a little blurry are not, which why I bring up Chrome credibility of this feature, unless they are blurry since it's not an authentic retina display I won't see the blur ? [Link http://stackoverflow.com/questions/15551287/how-to-test-a-website-for-retina-on-windows-without-an-actual-retina-display] __ 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] Chrome Retina Display
Well if you did everything right in creating the retina images and emulating retina screen, the images shouldn't be blurry. On Mon, Jan 19, 2015 at 12:29 AM Crest Christopher crestchristop...@gmail.com wrote: Chrome has the ability to Preview Retina display graphics with a little adjusting within a setting of it's Dev Tools, how reliable is this; if the graphic is not optimized for retina display, one or two graphics are not optimized for retina on a page I'm working on, they are suppose to look slightly blurry when not optimized, following Chrome ability to preview retina graphics, both of the two retina graphics that should look a little blurry are not, which why I bring up Chrome credibility of this feature, unless they are blurry since it's not an authentic retina display I won't see the blur ? [Link http://stackoverflow.com/questions/15551287/how-to- test-a-website-for-retina-on-windows-without-an-actual-retina-display] __ 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/
[css-d] Landscape MQ
I know this is probably a Job for SaSS. I have a MQ that covers most mobile phones, the only issue is when the phone or tablet is in landscape mode, that is where I want to make a few minor adjustments to the MQ. Can I target specifically only landscape mode for those MQ and make the minor changes without creating an entire new MQ ? 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] Floats
On Sat, Jan 17, 2015 at 11:01 PM, Crest Christopher crestchristop...@gmail.com wrote: Updated [Link http://jsfiddle.net/0kmbr4cq/5/] I want to know what I'm doing wrong why Pseudo-element:after with a clearing of floats is not working for the orange box ? In this version all four blocks float left. There is nothing to clear. Works in most browsers and mobile phones. Open in a full width window and drag to small-screen rendering [or view in your mobile phone]. Please see: http://ccstudi.com/chris2.html Best, David Laakso __ 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] Floats
On Sun, Jan 18, 2015 at 4:46 PM, Crest Christopher crestchristop...@gmail.com wrote: Updated [Link http://jsfiddle.net/0kmbr4cq/13/] shouldn't the orange box be below the blue boxes, as in; Blue Box Blue Box Blue Box Orange Box Is this what you had in mind? http://ccstudi.com/chris3.html Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ 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] Floats
Updated [Link http://jsfiddle.net/0kmbr4cq/13/] shouldn't the orange box be below the blue boxes, as in; Blue Box Blue Box Blue Box Orange Box David Laakso mailto:laakso.davi...@gmail.com Sunday, January 18, 2015 1:17 PM Updated [Link http://jsfiddle.net/0kmbr4cq/5/] I want to know what I'm doing wrong why Pseudo-element:after with a clearing of floats is not working for the orange box ? In this version all four blocks float left. There is nothing to clear. Works in most browsers and mobile phones. Open in a full width window and drag to small-screen rendering [or view in your mobile phone]. Please see: http://ccstudi.com/chris2.html Best, David Laakso Crest Christopher mailto:crestchristop...@gmail.com Saturday, January 17, 2015 11:01 PM Updated [Link http://jsfiddle.net/0kmbr4cq/5/] I want to know what I'm doing wrong why Pseudo-element:after with a clearing of floats is not working for the orange box ? David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 12:08 PM As above with generated content .box1:before and .box1:after added... http://ccstudi.com/chris1.html Best, David Laakso David Laakso mailto:laakso.davi...@gmail.com Saturday, January 17, 2015 10:27 AM On Sat, Jan 17, 2015 at 7:58 AM, Crest Christopher Not sure I understand what you are attempting to do-- maybe something like this? http://ccstudi.com/chris.html Best, David Laakso Crest Christopher mailto:crestchristop...@gmail.com Saturday, January 17, 2015 7:58 AM How come, with or without the pseudo-element of clearing float to the left, it doesn't appear to make a difference ? Everything still floats to the left, shouldn't some of the class=box be floating to the right, especially the orange box ? [Link http://jsfiddle.net/WildWind/0kmbr4cq/1/] __ 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/