Personally I only worry about devices with 320px width or greater. In a sense I don’t care much about smaller devices, although I expect sites I make to have some (possibly reduced) functionality in every browser. Check this for more details Media Queries for Standard Devices
Tag Archives: CSS
SVG replace using Modernizr
SVGs (Scalable Vector Graphics) are the future graphics format of the web, they offer resolution-independent, fully scalable and crystal clear graphics. SVGs use XML to define paths and shapes, to create our graphic. Moving past JPG and PNG, SVG is the answer to Retina (HiDPI) displays, they even look better on standard display.
Jquery UI Tabs Reset CSS
Jquery UI tabs css reset style
iPad-Specific CSS
@media only screen and (device-width: 768px) { /* For general iPad layouts */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ }
Better conditional classnames for hack-free CSS
Applying conditional classnames to the html element is a popular way to help target specific versions of IE with CSS fixes. It was first described by Paul Irish and is a feature of the HTML5 Boilerplate. Despite all its benefits, there are still a couple of niggling issues. Here are some hacky variants that side-step …
Continue reading “Better conditional classnames for hack-free CSS”
CSS Snippets for Your Coding
CSS is a beautiful language but it can also be frustrating at times. Certain CSS solutions don’t work on certain browsers (cough Internet Explorer cough) and much of your time can be spent debugging code.