Browser Compatability
Browser CSS hacks
I don’t use CSS hacks anymore. Instead I use IE’s conditional comments to apply classes to the body tag . Nonetheless, I wanted to document every browser-specific css selector and style attribute hack I’ve seen. Plus there’s no way to provide stylesheets to only Safari, I believe. With these you’ll be able to better target IE, Firefox, Chrome, Safari and Opera from within the css. So here are go:
One of the most variable aspects of web design is the way in which we approach width and height in terms of measurements and flexibility. For many years, we have rotated between the benefits and pitfalls of using fixed, elastic, and liquid measurements in a quest to give optimal viewing experiences in highly varied situations, while balancing our need to control things in our web pages. But, as Bob Dylan proclaimed a long time ago, "The times, they are a-changin’," and with these changes come a variety of new ways for laying out your website’s pages and an even more variable landscape of methods for viewing websites. In this article, we will examine web layout types — old, new, and the future. We will explore the subject in the context that websites are being viewed in a diverse amount of ways, such as through mobile phones, netbooks, and touchscreen personal devices like the iPad. About Your Options
A Guide on Layout Types in Web Design
Fixed-position footers
This page describes a solution to the problem of creating a page with a fixed-position footer that is always displayed, while the rest of the content is free to scroll if required (depending upon the size of the browser window and the content). See a working example Constraints
The viewport metatag (Mobile web part 1) | David B. Calhoun – Developer Blog
The skinny Use this: < meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> Introduction
Page last changed today Here’s the inevitable compatibility table that goes with my viewport research. It treats the viewports themselves as well as some related items.
ViewPorts
Resources | Handset Detection
All the handy info, in one spot Welcome to the resources pages. This is the place we gather all the handy tips on how to use handset detection into one convenient location. There's 3 options for detecting devices with Handset Detection. Express , Cloud and Ultimate .