Tag Archives: CSS

Different Stylesheets for Differently Sized Browser Windows

A great tip from CSS Tricks on how to include different CSS files depending on the size of  the browser window. It can be done in two ways: with normal XHTML markup or with the help of some jQuery.

Otherwise known as “resolution dependent layouts”. Single website, different CSS files for rearranging a website to take advantage of the size available.

There is a W3C standard way of declaring them. One way is to test the “device-width”, like this:

<link rel=”stylesheet” media=”screen and (min-device-width: 800px)” href=”800.css” />

The above code will apply the 800.css styling to the document only if the device viewing it has a width of 800px or wider. And… supports “media queries” in this way.

Read the full post here

5 Simple, But Useful CSS Properties

I came across this article on some simple CSS properties you can that can come handy in design of website layouts. You may already know about them but this article breaks them down really well outlining how you can use them to do masking (clip) and handle wrapping of elements (white-space and display)

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss this post because you might be surprised how useful they are.

Read the full article here.

  • KEEN Media Lab on LinkedIn