iandevlin.com

Icon

A mixture of musings on web design & development, history, and life

Using the HTML5 cache manifest to work offline

html5laboratory

After far too long procrastinating (actually I’ve been quite busy) I’ve finally posted a new experiment over on HTML5 Laboratory.

Focusing on the cache manifest file and how to set your application up to be available offline, I hope you find using the cache manifest file informative.

As usual, feel free to comment on the experiment itself, or leave a comment here.

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

Shadowbox – preventing the window underneath from scrolling

shadowbox

I’m a big fan of the web-based media viewer application Shadowbox and use it where necessary. However in a recent project I noticed that the contents of the window over which the shadowbox overlay opens, remains scrollable using the mouse wheel.

I wanted to prevent this behaviour and as usual I performed a Google search. I found many questions on it, but no answers. So I looked into it myself and managed to come up with something that works and is quite easy really.

Read the rest of this entry »

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

Dynamically changing the background image applied with the DD_belatedPNG IE6 script

transparency background dd_belatedpng

As with most web developers, the usage of PNGs within Internet Explorer 6 has always caused a headache, and whilst there are many JavaScript fixes out there, one of the best so far is DD_belatedPNG by Drew Diller.

Unlike most of the other IE6 PNG fix scripts out there, this one makes use of Microsoft’s implementation of VML instead of Microsoft’s AlphaImageLoader filter, as PNG images show up correctly in a VML fill element.

I have found this to be the best option out there at the moment for getting PNGs to work within IE6.

However, I recently found an issue with it, that granted, not many people will need to do, but I did and I also found a solution for it.

Read the rest of this entry »

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png

Getting a customised CSS cursor to work in Firefox and Internet Explorer

css cursor

As some of you may know, in CSS2 it is possible to change the appearance of an element’s cursor by declaring the value of the element’s cursor property. There are various settings for this, e.g. default, crosshair, and pointer (a full list of values and their descriptions is available over at w3schools), but you can also define your own cursor using the url property.

Read the rest of this entry »

http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/technorati_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/google_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.iandevlin.com/blog/wp-content/plugins/sociofluid/images/twitter_24.png