You can actually query the resolution of a device via a media query. @media resolution. Here are more details about it: http://www.broken-links.com/2012/07/13/using-media-queries-to-test-device-resolution/
Category Archives: Compatibility issues
IE7 remove focus or active dotted line around links
a:active{ ie-dummy: expression(this.hideFocus=true); }
IE7: fix for floated LI horizontal lists that don’t respond to display: inline-block
zoom:1; *display: inline; _height: 30px;
Tracking Pixels: Beware of https behavior in Safari
If the https is not available, all JS will stop working up to the error message
Media queries: the abc of them
To target webkit (safari and chrome only) browsers: @media screen and (-webkit-min-device-pixel-ratio:0) { Just be careful as it is a hack! -webkit-min-device-pixel-ratio was meant to tell you the pixel ratio of your screen, meant to discover if you were dealing with a retina display (:2). It just work because other browsers ignore it (for now), […]
HTML: coding email newsletters
Golden rules: 1) Make sure width and height is set in each td and img tags in the email: not on the table! but on each cell. 2) Every image is set to display:block. Also, if relevant, put an alt attribute as 40% of email readers won’t download the actual image. Also, whenever possible, user […]
On Charsets and other strange black sciences
This is basically the software representation of a given map of language characters. The English language, not having lots of different letters, can be represented by 8 byte construct, which give you about 256 characters. Enough to cover all the letters and punctuation signs. Most browsers and computer systems would default to this if not […]
On HTML5 and outdated, legacy browsers
In IE7 or older IE browsers, you won’t be able to target CSS rules to HTML5 elements, like this: section {color: red} Instead though, you can use the following weird code: [section] {color: red} <section section=”true”>It was a dark and stormy night</section>
IE7 needs to load the DOM elements first before you can run any script manipulating them on the section
So weird, but if you are to define a variable in IE 7 as follows: var dobj = document.getElementById(’dataDiv’); and you do so on the <head> </head> part of your page, it won’t work, unless you call the function that contains that line from the <body onload=… so you are sure that the ‘dataDiv’ tag […]
CSS: two elements that were suppose to be right next to each other vertically have a gap between them
Another thing that artificially creates an space between adjacent vertical divs, at least in IE 7, is the <form blah blah ..> tag. I could not figure out where the extra space was coming from, until I moved the <form> starting tag somewhere else I could see that the problem was created by that.