Possibly not desired but I'm not at my Mac...
iOS 8.1.3 Safari shows green img
On Wed, Feb 25, 2015 at 8:52 PM Philippe Wittenbergh e...@l-c-n.com wrote:
Is anyone out there still running OS X 10.7 Lion? Or has it running in a
VM.
What is the colour of the image in this test case?
Imo, unless the content suffers horribly at landscape, sounds like you
could just move your breakpoint. You may be able to get away with no
breakpoint until somewhere around 600px or em equivalent (recommended).
On Mon, Feb 16, 2015 at 12:18 AM Crest Christopher
crestchristop...@gmail.com
I disagree. In my own area of development things are only getting more
complicated. Will MQs evolve and become more complex? Yes. May other means
of accomplishing the same thing come to pass? Wouldn't surprise me. Will
pages be nothing but single-columns of text broken occasionally by an svg
Or try http://www.webdesign-l.com
On Sat, Feb 14, 2015 at 4:25 PM David Postill david.post...@gmail.com
wrote:
On Tue, 3 Feb 2015 14:41:25 -0800, John wrote:
| Is it within the bounds of this list’s mission to request coding
critiques, or is that too broad; is the list meant to help with
.
:~ )
__
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
and support.
The URL for the new fundraiser is http://www.gofundme.com/ThanksMols
Thank you in advance for your help! Hope you are well, and I wish you the
best in 2015,
Kimberly
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
barneycarroll.com
On 4 February 2015 at 00:10, Tom Livingston tom...@gmail.com wrote:
Thanks Philippe
On Tue, Feb 3, 2015 at 7:05 PM Philippe Wittenbergh e...@l-c-n.com
wrote:
Le 4 févr. 2015 à 05:58, Tom Livingston tom...@gmail.com a écrit :
I am using Modernizr and it's html classes
is that in Chrome 40.X and FF 35.0.1 in Win 8.1,
I am getting a false 'touch' class (as opposed to 'no-touch') on a
desktop setup.
Googling hasn't been helpful yet and am wondering if anyone has over
come this issue or has an idea.
Any ideas would be appreciated.
--
Tom Livingston | Senior Front-End
accordingly.
Greg
-Original Message-
From: css-d-boun...@lists.css-discuss.org [mailto:css-d-bounces@lists.
css-discuss.org] On Behalf Of Tom Livingston
Sent: Tuesday, February 03, 2015 12:58 PM
To: CSS Discussion Group
Subject: [css-d] Using Modernizr html classes
List,
This may
Thanks Philippe
On Tue, Feb 3, 2015 at 7:05 PM Philippe Wittenbergh e...@l-c-n.com wrote:
Le 4 févr. 2015 à 05:58, Tom Livingston tom...@gmail.com a écrit :
I am using Modernizr and it's html classes 'touch' and 'no-touch' in
my CSS to add/hide functionality via such as a fixed menu bar
Get an android or windows device with a retina-like screen?
If when zooming your page 200% and you image looks as good as a regular
image at 100%, then there is a level of accuracy there imho.
On Thu, Jan 29, 2015 at 1:35 AM David Laakso laakso.davi...@gmail.com
wrote:
On Thu, Jan 29, 2015 at
accurate. That is all the methods there are, arghh !
What is AA?
--
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
List,
Anyone know if this:
-webkit-text-size-adjust: 100%;
is obsolete or no longer works in latest ios? My page doesn't seem to
be impacted one way or another, no matter what I set it to (auto, none
or 100%).
TIA
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
On Thu, Jan 29, 2015 at 4:29 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
2015-01-29, 23:10, Tom Livingston wrote:
Anyone know if this:
-webkit-text-size-adjust: 100%;
is obsolete or no longer works in latest ios? My page doesn't seem to
be impacted one way or another, no matter what I
On Wed, Jan 28, 2015 at 4:31 PM, Tom Livingston tom...@gmail.com wrote:
html xmlns=http://www.w3.org/1999/xhtml http://www.w3.org/1999/xhtml
head
style type=text/css
.divOuter{
display:inline;
text-align:bottom;
}
.divInner1, .divInner2, .divInner3
On Tue Jan 27 2015 at 11:39:34 AM Nancy Johnson njohnso...@gmail.com
wrote:
two questions:
1. What are the best practices 2015 for media query breakpoints?
2. What are best practices in reducing CSS bloat?
Thank you
Nancy Johnson
Ni Nancy,
I don't know about '2015', but I'd say best
:
http://codepen.io/chrisrockwell/full/MYmdbo/
Chris Rockwell
On Wed, Jan 21, 2015 at 5:53 PM, Tom Livingston tom...@gmail.com wrote:
Unfortunately, I still can't post a link for this. Hopefully someone
smarter than me can help me based on the following info. I'm still stumped
Version 8.0.2 (10600.2.5) Yosemite. If you
scroll down to the footer, the header appears on top of it. hover over a
link in the footer and it changes.
On Thu Jan 22 2015 at 8:47:49 AM Tom Livingston tom...@gmail.com wrote:
I will try to see if I can create something to post that will recreate
On Thu Jan 22 2015 at 9:51:14 AM Philip Taylor p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
OK. I managed to recreate the issue on a sample page:
http://proof.mlinc.com/tl/cssd/
There are 55 known validation errors which are related to 3rd party code
as
well as M$ gradient
On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell ch...@chrisrockwell.com
wrote:
Here is an old article on z-index which may provide some insight:
http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
Specifically:
*Another problem is that if the element has no z-index, but its
On Thu Jan 22 2015 at 11:38:00 AM Tom Livingston tom...@gmail.com wrote:
On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell ch...@chrisrockwell.com
wrote:
Here is an old article on z-index which may provide some insight:
http://yagudaev.com/posts/getting-reliable-z-index-cross-browser
My apologies if this annoys anyone, but it seemed to be worth sharing...
-- Forwarded message -
From: Steven Champeon scham...@hesketh.com
Date: Thu Jan 22 2015 at 1:19:31 PM
Subject: [WD]: FW: Molly needs you!
To:
Folks, Molly needs your help. Please be generous, as she has
Unfortunately, I still can't post a link for this. Hopefully someone
smarter than me can help me based on the following info. I'm still stumped
on this. The problem only appears in latest Safari.
Given this structure and style:
@media only screen and (min-width:960px){
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
I see a stray exclamation mark.
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 ?
crestchristop...@gmail.com wrote:
You are using an animated GIF. I came to another realization; I thought
about using transitions, from one image to another.
ul.baselinks li a.prev
{background:url('/wdp/wip/animated-hover.png');color:transparent;}
ul.baselinks li a.prev:hover
For someone at the OPs level, I'd not recommend a site with such a bad
reputation. He won't know if what he is reading is correct. While that site
may be improved as of late, why start learning at such a poorly regarded
source. There are much more reputable places to learn the basics.
=C6ADVKEplacement=html5doctor
id…
✉
Error Line 453, Column 102: did not start a character reference. (
probably should have been escaped as amp;.)
Philip Taylor
In a URL string like that, I personally would not look down on the dev for that.
--
Tom Livingston | Senior Front-End Developer
It appears that the errors are for things that are not yet part of the spec
the validator is based on. I would not call that bad code.
On Sun, Jan 11, 2015 at 11:17 AM Philip Taylor p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
For someone at the OPs level, I'd not recommend a site
On Sun, Jan 11, 2015 at 12:24 PM, Philip Taylor p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
In a URL string like that, I personally would not look down on the dev for
that.
We could debate this forever, Tom, and I suspect would never reach
agreement. My position (with which you may
Could you just change the background-position on hover? What do you
envision happening that you need keyframes for?
On Sun Jan 11 2015 at 5:25:16 PM Crest Christopher
crestchristop...@gmail.com wrote:
I want to create an animated:hover with @keyframe using these three
sprite images
I would recommend using min-width MQs. That will apply the styles to
devices whose width is AT LEAST as wide as the designated width in the MQ.
What I do is set base styles that apply to all devices up to the next
min-width MQ. These base styles cover the multitude of size differences. At
the
making the shadow as part of the image. As far as I
know, box shadow will only create a shadow at the square edges of the
img element itself.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
Try background-size: cover;
On Fri, Jan 9, 2015 at 7:45 PM Crest Christopher crestchristop...@gmail.com
wrote:
I've been trying numerous CSS methods. How can I fit a background image
proportionally in a DIV ?
Christopher
__
of things. And don't
forget to clear: both on header.
Don't know if these are your fixes but things I personally would try. If
you can put together a code pen or GitHub I could take a swing at it for
you.
Best,
Karl
Sent from losPhone
On Jan 9, 2015, at 3:45 PM, Tom Livingston tom
Unfortunately, I can't post a link. Hopefully someone can help me based on
the following info...
Given this structure and style:
@media only screen and (min-width:960px){
.topper{position:fixed;z-index:10;}
header{position:fixed;z-index:0;}
section, aside,
[snip]
I know a link is best, but does anyone have any ideas what might be
happening? And thoughts would be appreciated.
That should read ANY thoughts would be appreciated :-P
Thanks again in advance.
__
css-discuss
On Fri Jan 09 2015 at 3:07:50 PM Crest Christopher
crestchristop...@gmail.com wrote:
If a style has width:50% and max-width:300px, and max-width always
overrides the width, which in this case is 50%, why have width?
The element will be 50% of it's parent until it reaches it's maximum.
I now understand, I updated the link, you can visit if you want. :-)
Tom Livingston wrote:
On Fri Jan 09 2015 at 4:59:09 PM Crest Christopher
crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote:
Then shouldn't the orange box max out at 300px of it's parent;
http
On Fri Jan 09 2015 at 3:07:50 PM Crest Christopher
crestchristop...@gmail.com wrote:
If a style has width:50% and max-width:300px, and max-width always
overrides the width, which in this case is 50%, why have width?
The element will be 50% of it's parent until it reaches it's maximum.
I have the following structure:
body class=foo
div class=main
div class=constrained/div
div class=twodiv class=constrained/div/div
div class=twodiv class=constrained/div/div
div class=twodiv class=constrained/div/div
div class=constrained/div
/div
/body
and these styles:
.foo .main
On Fri Jan 02 2015 at 12:15:34 AM Chick Newman ch...@newmanveterinary.com
wrote:
I have a page (not yet online) that has two columns; the one on the left
is a navigation column...lots of links. The column to the right contains
changing content (dynamically changing). Sometimes the content in
On Fri Jan 02 2015 at 11:32:20 AM Tom Livingston tom...@gmail.com wrote:
I have the following structure:
body class=foo
div class=main
div class=constrained/div
div class=twodiv class=constrained/div/div
div class=twodiv class=constrained/div/div
div class=twodiv class=constrained/div/div
The second rule has no effect, since the selector in it matches no
elements. The reason is that :first-of-type only matches an element that
is a first child of its parent. Nothing else in a selector can change
this. When you additionally use a class selector like .two, it simply
imposes an
, the technique shown in Crest
Christophers previous resource seams a prety good option.
regards,
isabel
I've tried respond.js with poor results. Gave it up. Fixed desktop for
old IE is totally acceptable. Works well for me.
--
Tom Livingston | Senior Front-End Developer | Media Logic
I serve old ie a fixed width desktop site only.
On Sun, Dec 14, 2014 at 7:37 PM Crest Christopher
crestchristop...@gmail.com wrote:
It has become a concern for Browsers that don't support MQ (IE 7/8
etc). What is the best Fall Back ?
Link?
On Wed, Dec 10, 2014 at 12:21 AM Crest Christopher
crestchristop...@gmail.com wrote:
Has anyone experienced Chrome Dev tools Device emulation, not showing
the correct break-point ?
Christopher
__
css-discuss
There's no content according to this code. Link?
On Sun, Dec 7, 2014 at 2:28 PM Crest Christopher crestchristop...@gmail.com
wrote:
The following pseudo-element isn't working; I'd like to know what I'm
doing wrong ?
#inner {}
#inner:after {content:url();opacity:0.5;}
Christopher
I've never heard of a touch screen tablet with a cursor.
On Wed, Dec 3, 2014 at 12:11 PM Crest Christopher
crestchristop...@gmail.com wrote:
Do most tablets use a cursor for touch screen ? If so then :hover
should work, correct, unlike phones ? The only exception may be iPad !
Christopher
I agree about image quality. If it's a background it doesn't need to be
high quality. It's a background with presumably more important content on
top of it, most likely covering most of the image. That said I stand by my
previous comment.
For content images I'll say again that you should provide
IMHO you don't use a bg img that big. Maybe a bg img that's 1280x1024 or
something close, compress the snot out of it with a lossless compression
tool and use background-size:cover; with an acceptable fallback for
browsers that don't support background-size. Of course, this is only for
desktop.
-- Forwarded message -
From: Tom Livingston tom...@gmail.com
Date: Sat, Nov 29, 2014 at 6:07 PM
Subject: Re: [css-d] Drop Menu failing on most Mobile Phones
To: Karl DeSaulniers k...@designdrumm.com
If I click the green button it unfolds. If I click it again or click
elsewhere
Discuss. On webdesign-l. Or off list. As Tim said, this isn't CSS.
On Tue, Nov 25, 2014 at 7:20 AM Philip Taylor p.tay...@rhul.ac.uk wrote:
Tim Arnold wrote:
Though this discussion is interesting (as it is every 6 months when it
comes back again) it isn't really on the topic of CSS. Any
On Tue Nov 25 2014 at 7:32:58 AM Philip Taylor p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
Discuss. On webdesign-l. Or off list. As Tim said, this isn't CSS.
Nonsense. Media queries are a part of the CSS infrastructure, and they
were the subject of my message. And their use
On Mon Nov 24 2014 at 9:30:08 AM Crest Christopher
crestchristop...@gmail.com wrote:
What do you mean, make images width:100% like this;
img {width:100%} ?
With regards to the image in a div I assume you mean this;
divimg/img/div
div {width:76%} ?
In other words the image will scale
On Mon Nov 24 2014 at 9:27:25 AM Crest Christopher
crestchristop...@gmail.com wrote:
as a responsive container/div now turned into an extremely narrow
container/div that looks horrible ?
Christopher
Enter Media Queries stage left and... ACTION!
On small screens, you'd have a different
my site on many difference devices until
as you said, the layout looks poor, hence all the mobile testing sites
online. I didn't expect to already begin to need it, I suppose it came
sooner then later !
Christopher
Tom Livingston mailto:tom...@gmail.com
Saturday, November 22, 2014
I don't recommend using all of these 'just because'. Good info though.
On Sun, Nov 23, 2014 at 8:27 PM Karl DeSaulniers k...@designdrumm.com
wrote:
On Nov 23, 2014, at 10:29 AM, Crest Christopher
crestchristop...@gmail.com wrote:
Tom Tim - I forgot about the mobile tools in Chrome, they
This will be handled by the min-width MQs, as mentioned before. Base styles
for small screens like iPhone. Then, for example, the next MQ at 480 for
landscape iPhone. The gap between base and 480 will take care of the
different width phones.
On Sat, Nov 22, 2014 at 7:47 PM Crest Christopher
Please try the webdesign-l list. That example is done with script. This
list is for CSS.
http://www.webdesign-l.com/
On Thu Nov 20 2014 at 4:51:17 PM Crest Christopher
crestchristop...@gmail.com wrote:
I want to do an effect similar to this
http://andrew-hoyer.com/experiments/rain/, except
Neat though ;-)
On Thu Nov 20 2014 at 4:51:17 PM Crest Christopher
crestchristop...@gmail.com wrote:
I want to do an effect similar to this
http://andrew-hoyer.com/experiments/rain/, except the div breaks up
into particles and transitions to another div. I hope I'm understood ?
Try:
@media only screen and (min-width : 320px) {
#menupanel {background-color:red;height:400px;width:320px;border:2px;}
}
@media only screen and (min-width : 600px) {
#menupanel {background-color:gray;height:400px;width:500px;}
}
On Thu, Nov 20, 2014 at 8:37 PM Crest Christopher
could do:
#menupanel { background-color: red }
@media (min-width: 321px) { #menupanel { background-color: gray; } }
Chris Rockwell
Tom Livingston mailto:tom...@gmail.com
Thursday, November 20, 2014 8:46 PM
Try:
@media only screen and (min-width : 320px) {
#menupanel
On Thu Nov 20 2014 at 9:47:11 PM Crest Christopher
crestchristop...@gmail.com wrote:
Why is it adding 4px for left and right ? I'm reading up on box-sizing,
I don't see the benefit ?
Without setting box-xizing to border-box, the box model is additive (except
in older IE, ironically) which
On Thu Nov 20 2014 at 9:54:00 PM Tom Livingston tom...@gmail.com wrote:
On Thu Nov 20 2014 at 9:47:11 PM Crest Christopher
crestchristop...@gmail.com wrote:
Why is it adding 4px for left and right ? I'm reading up on box-sizing,
I don't see the benefit ?
Without setting box-xizing
on the parent of my header
will mess up the fixed positioning. My question is how do I turn
off/negate/undo the transition at wider widths so my fixed header
will work?
Sorry, can't post code right now.
Thanks in advance.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
On Mon Nov 17 2014 at 12:18:44 PM Tom Livingston tom...@gmail.com wrote:
Hello list,
I am using transform: translate3d(0px, 0px, 0px); on a parent element
for off-screen mobile nav.
At wider widths, I switch to a typical top nav, and add position:fixed
to my header (a child
I'll try that. From what I read, the fact that transform is on the parent
at all is the problem. I'll reply after I give it a shot.
Thanks
On Mon, Nov 17, 2014 at 8:21 PM Philippe Wittenbergh e...@l-c-n.com wrote:
Le 18 nov. 2014 à 02:18, Tom Livingston tom...@gmail.com a écrit :
I am
that your code will render appropriately at /any/
resolution/screen-size/W-H-Y rather than coding for a discrete set of sizes
today and having to do a complete re-write tomorrow ?
As previously mentioned.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231
for
each one will not be possible.
--
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
On Thu, Nov 13, 2014 at 10:50 AM, MiB digital.disc...@gmail.com wrote:
nov 13 2014 16:39 Tom Livingston tom...@gmail.com:
A sheet/styles for base styles. No MQ.
A sheet/styles that kicks in with an MQ of min-width: 30em to make any
necessary tweaks to the content.
A sheet/styles
@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
/
--
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
/
--
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
that might be different. Since nothing seems to be telling the input
to be 100% wide, or float right, etc. of the aside, it seems to be
doing what I would expect - and that would be to NOT line up with the
right edge of the 'in' icon.
HTH
--
Tom Livingston | Senior Front-End Developer | Media
this helps someone..
John
Well, unless you override #s in your desktop MQ, you would see a
change on desktop if you changed tablet MQ... provided you're building
mobile-first...
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
On Mon, Nov 10, 2014 at 4:59 PM, Tom Livingston tom...@gmail.com wrote:
On Mon, Nov 10, 2014 at 4:11 PM, John j...@coffeeonmars.com wrote:
On Nov 10, 2014, at 1:07 PM, John j...@coffeeonmars.com wrote:
I am fairly sure I tried this before, but width 100% float right works now,
correctly
On Mon, Nov 10, 2014 at 5:00 PM, John j...@coffeeonmars.com wrote:
On Nov 10, 2014, at 1:59 PM, Tom Livingston tom...@gmail.com wrote:
Well, unless you override #s in your desktop MQ, you would see a
change on desktop if you changed tablet MQ... provided you're building
mobile-first
On Mon, Nov 10, 2014 at 5:04 PM, John j...@coffeeonmars.com wrote:
On Nov 10, 2014, at 2:01 PM, Tom Livingston tom...@gmail.com wrote:
Well, I guess that's not always true, depending on your MQs, huh?!
I tend to use only min-width MQs for the most part.
Yeah, most true and these variable
.
--
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
Thanks guys. I seem to always forget CSS tables... I'll give it a
shot. I got some complicated transform hover effects that I need to
play nice...
On Mon, Nov 10, 2014 at 7:58 PM, Karl DeSaulniers k...@designdrumm.com wrote:
On Nov 10, 2014, at 5:09 PM, Tom Livingston tom...@gmail.com wrote
It may just be early here but if the content is deeper than the current
viewport, this will cause problems. Also I don't see how this is sticky.
Sent from my iPhone
On Nov 9, 2014, at 9:49 AM, Colin (Sandy) Pittendrigh
sandy.pittendr...@gmail.com wrote:
Am I right? I'm asking, not
a 5K image, from there I scale it down, or up because I'll be designing
for mobile first, then I adjust the page and graphics accordingly for
desktop.
Christopher
postbox-contact.jpgTom Livingston Thursday, November 06, 2014
7:41 PM
That does make sense to build simpler
Not working in ios8.1 safari either. Just sits at the bottom of the content.
Sent from my iPhone
On Nov 7, 2014, at 7:59 PM, Debbie Campbell d...@redkitecreative.com wrote:
Having a problem with IE here...
http://www.boissonconsulting.com/resources/
I'm using this sticky footer method
footer in any browser.
--
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
I've been using a polyfill called picturefill. It will serve the necessary
image based on media query. Very few people, if any, change browser viewport
sizes while browsing like devs do in testing. Only the appropriate image gets
served. No crazy amounts of server requests.
Sent from my
Swapping bg images is easy enough with media queries, however, many mobile
device browsers will download images within other mqs. There is an easy way to
stop this in most cases.
For example, my base mobile styles (because you build pages mobile-first,
right?) have a bg img. I'll use that img
at these breakpoints). Again, this assumes a mobile-first build (because
that's best).
Here's the article. Test five is what I am referring to.
http://timkadlec.com/2012/04/media-query-asset-downloading-results/
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231
Sent from my iPhone
On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com
wrote:
Why do you recommend building mobile first ?
Aside from being best practice, it is much harder and requires more code to
achieve a mobile layout from a desktop first build because it requires
-- 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
image assets perfectly, focus more on markup and
styles... What is pixel-perfect in an image editor will not be in
code/browser.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
displays. I dont worry about it for photographs.
Logos mostly.
see picturefill.js
http://scottjehl.github.io/picturefill/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
On Thu, Nov 6, 2014 at 7:42 PM, David Laakso laakso.davi...@gmail.com wrote:
On Thu, Nov 6, 2014 at 7:17 PM, Tom Livingston tom...@gmail.com wrote:
Sent from my iPhone
On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com
wrote:
Why do you recommend building mobile first
Hello list,
Shocking as this may seem, I'm having an issue with IE8.
When I first hit this page it seems to work fine. But after a refresh
or two, it goes blank and doesn't recover.
Can anyone see what I am not?
http://proof.mlinc.com/tl/ie8test/
Thanks in advance.
--
Tom Livingston
On Tue, Nov 4, 2014 at 2:56 PM, Tom Livingston tom...@gmail.com wrote:
Hello list,
Shocking as this may seem, I'm having an issue with IE8.
When I first hit this page it seems to work fine. But after a refresh
or two, it goes blank and doesn't recover.
Can anyone see what I am not?
http
I'm not able to look right now but based on Philippe's reply it sounds like you
had a ul inside an li. The li has :hover styles applied. Since the ul was not
visible but still present (because there is no such thing as display:hidden;)
the li was actually as tall as its content - which included
://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
On Thu, Oct 30, 2014 at 11:07 AM, David Laakso laakso.davi...@gmail.com wrote:
On Thu, Oct 30, 2014 at 10:29 AM, Tom Livingston tom...@gmail.com wrote:
David,
Only thing that struck me was the menu background could be
a bit more opaque, especially when over busier page contents.
Good point
/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
-- 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
301 - 400 of 1154 matches
Mail list logo
