Tag Archive for 'css'

PocketIE loads “screen” CSS stylesheets

When designing a web page you can apply different stylesheet depending on the browser calling the page. One way of doing this is by using:





(more about CSS filtering)

Asus A636As shown, there are supposely several type that could be specified: screen (Desktop browser with normal screen capabilities), print (for use when printing the page), handheld (for mobile devices with reduced screen capabilities)…

I was trying to apply this yesterday to a blog, so that when loading it from my PDA it wouldn’t load the full CSS, with backgrounds and so… with no success!

And I found that PocketIE loads both screen and handheld CSS, instead of just loading the handheld one! (yes, it sucks!)

I found a is a trick to fool PocketIE on Windows Mobile Team Blog:

Use media=”Screen”, not media=”screen” for your screen stylesheets, and pocket IE will ignore them.

It works! PocketIE won’t load the Screen’s CSS! This trick seems to be called “CodeBitch Omniweb case hack“.

Useful web development tools for newbie

Recently I’ve had to set up some web site for work (a CMS and a blog). What took me most time is to modify the layout and apprearance of the pages playing with CSS and php scripts.

I’ve found some interesting tools that can help the CSS/Webdev newbie in that work:
* Web Developer Extension for Firefox: This extenxion adds a menu and a toolbar to the browser with various web developer tools: disabling of various features including the cache, JavaScript and page colors, various cookie related tools including disabling, adding and viewing cookies, tools related to the CSS on the page including displaying the styles applied to the selected element and live editing of the CSS, ability to manipulate the forms on the page including display the form details and populating form fields, image related tools including finding broken images and outlining images, various informational tools including displaying element information and viewing the document size… (see features page for more)
* Web Development Bookmarklets: These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. One of them is a live CSS editor, another one is a JS shell…




Close
Powered by ShareThis