Snipplr

(CSS) Common CSS Media queries - kickass

Fri, 10 May 2013 21:49:55 GMT

3 basic/standard css media queries for iphone, tablet and desktop

(CSS) CSS: Retina display media query - chrisaiv

Sat, 05 Jan 2013 04:51:41 GMT

I needed a quick way to target high-resolution graphics. Here was my final solution

(CSS) Stylesheet Template - rickygri

Sun, 18 Nov 2012 21:54:52 GMT

CSS stylesheet template - including HTML5 reset, and tweaks for mobile including media queries

(CSS) Theme media queries - vanseijen

Thu, 25 Oct 2012 19:27:11 GMT

Our theme's range of media queries

(CSS) Android and Iphone - modern css media queries - Rosk

Mon, 24 Sep 2012 17:40:54 GMT

Extended css media queries for modern mobile screens

(CSS) CSS Media queries for standart devices - upmedia

Tue, 24 Apr 2012 20:16:31 GMT

CSS Media queries for standart devices

(CSS) Use CSS3 Media Screen to go from Horizontal Menu to dropdown - ryanfiorini

Fri, 06 Apr 2012 03:27:24 GMT

This will take the screen width into account and display either a horizontal menu or a dropdown menu with a hover style. Resize your window to see the effect.

(CSS) Show only non-printable area on web page but print only the printable areas - duzenz

Sun, 05 Feb 2012 06:10:57 GMT

Show only non-printable area on web page but print only the printable areas

(CSS) Define a printable area for a web page - duzenz

Sun, 05 Feb 2012 06:07:35 GMT

defining a printable area from a html web page. Making only one place printable

(CSS) CSS Print Media - tutrinh211

Thu, 19 Jan 2012 03:49:54 GMT

Example of using CSS @media print function for your page

(CSS) QNX Media Query - tpryan

Thu, 26 May 2011 02:51:21 GMT

(CSS) Media Query Example - tpryan

Thu, 26 May 2011 02:50:22 GMT

(CSS) Yahoo Social Media Share CSS - drifterz28

Sun, 10 Apr 2011 07:34:03 GMT

(CSS) Device orientation - paul66

Thu, 27 Jan 2011 04:16:51 GMT

These are just two css media queries you may want to use for your website development. With lots of smart-phones, and tablets being able to orientate their screens from landscape to portrait, you may want to include different styles for each. This is how you would go about achieving this.

(CSS) CSS Media Queries - crs

Fri, 01 Oct 2010 21:07:13 GMT

load it at the very end of the css file

(CSS) CSS Media Queries - Meander365

Fri, 24 Sep 2010 05:58:06 GMT

(CSS) CSS: Printer Friendly Header Visibility Styles - karlhorky

Thu, 08 Jul 2010 04:43:28 GMT

When developing a website, an important consideration is accessibility on other media, including the medium of print. However, the printing engines of most browsers render content differently to allow for simple printed pages. One of the most notable differences is the omission of background images by default in modern browsers' print output. Background images are commonly used for header elements, which causes missing branding in the resulting printed pages. One option defined in this snippet is to add markup after your normal header for a 0 pixel by 0 pixel `` element (your print version header), and then style the two headers as invisible and visible based upon the stylesheet medium. So when you're viewing the screen version of the page the normal header will be visible and the print header will be an invisible element with a width and height of 0 pixels. With the print version of the page the normal header will not be displayed at all and the print header will be a visible element that is floated and correctly sized. This solution has been tested to work in: * Microsoft Internet Explorer 6, 7, 8 * Mozilla Firefox 3.6 * Google Chrome 5 * Apple Safari 4 * Opera 10

(CSS) CSS Media Targeted JavaScript - localhorst

Sat, 21 Feb 2009 02:23:16 GMT

With the ever increasing use of alternate media types I feel there is a need to deliver JavaScript targeted to these types of devices. This would allow alternate and modified content, as well as a customized user experience through the use of modern AJAX techniques. My goal with this technique is to use CSS to be instructed as to what type of media device is being used, and deliver that information onto the JavaScript which could then in turn run CSS media targeted code. To accomplish this, we will use a div set to display:none with an id of "mediaInspector", to hold a "variable" passed from CSS to JavaScript:

(CSS) CSS Media Type Support - wizard04

Tue, 13 Jan 2009 10:28:23 GMT

Test page to check the support of different CSS media types in browsers. If you go into Print Preview, for example, the Print media type should show as "In Use" if it is supported.

(CSS) Media Targeting With CSS Using @Media - neal_grosskopf

Tue, 25 Mar 2008 22:19:41 GMT

Consolidate all your various stylesheets into one and cut down on requests to your server by placing your screen, print & handheld stylesheets into one stylesheet