View RSS Feed

Recent Blogs Posts

  1. Iframes on iOS

    On iOS, a line like:
    Code:
    <iframe src="http://www.dynamicdrive.com" style="position: relative; width: 300px; height: 300px" frameborder="0"></iframe>
    won't produce a scrollable iframe having the height specified above, but an iframe whose height is automatically adapted to its contents. What scrolls, then, is not the iframe on the page, but the page itself.

    There's a way to force iOS to behave like you would expect. All you have to ...
    Categories
    Uncategorized
  2. Add 'Swipe Support' to your website (RWD CSS3 Any Content Slider demo)

    Let visitors 'feel' their way around the interactive areas of your website by adding support for native swipe gestures on touch devices. I'll be using my earlier RWD CSS3 Any Content Slider (JS auto-play) as a demo, but you can easily take away from this post to add touch gestures to your own apps... Need some other ideas?

    Website features that may benefit from a left or right swipe;
    - a content slider (progress back and forth between slides)
    - an image gallery (progress ...
  3. Display: table-cell in css-tables

    I learnt a few things from this thread, as far as display: table-cell in css-tables is concerned. Beverleyh's info was highly useful. I experimented a little bit further with table-cells and put my findings in a small document made for personal use. Then I thought it might be useful to others too, so here it is.
    Categories
    Uncategorized
  4. RWD Cross-Fade Slideshow with Retina Images

    Want a simple, responsive cross-fading slideshow, with images that are lightweight AND retina-ready? You got it!

    Demo: http://fofwebdesign.co.uk/template/_...ideshow-js.htm

    Works in modern browsers and IE9+ (no fade effect in IE9). IE8 users just see a static image - but you can make IE8 act like IE9 with some CSS mods (see comments)


    This post covers 2 topics that can be used separately OR combined. First up... the slideshow. ...
  5. Emulating the HTML5 seamless iframe attribute

    There are many scripts that present a method for setting the iframe's height to match its contents. But I looked in vain for a script that integrates the iframe in a completely seamless way into the containing document. So I tried to write a script for emulating seamless iframes myself.
    My seamless iframes are competely indistinguishable from the surrounding text/content and inherit their css from the main document. All the code is put in the main document. No special code required in the ...
    Categories
    Uncategorized
Page 1 of 22 12311 ... LastLast