View RSS Feed

Recent Blogs Posts

  1. Beat the 300ms Delay on Touch, and Close Sub-Menus

    One of the most annoying things on touch devices is the way that CSS hover activated menus stay open until another link is clicked. Well, this example fixes that;

    UPDATED! Responsive CSS3 Multi-Level, Drop-Down Menu

    (Earlier releases of the Drop-Down menu have been replaced with better support for tap-activated sub-menus on touchscreen - reverted to using the arrow labels and checkbox hack [like the Fly-Out version does] - they're there for mobile view so why not use ...
  2. 3 Ways to Resize/Scale Web Images in Responsive Design

    Images can be tricky to deal with in a responsive environment; by nature they are a 'static' element with specific dimensions, so how can we manipulate them into working with our lovely fluid/flexible web layouts? Thankfully there are a few techniques, and this post rounds up my top 3.

    Please note, this article mostly covers visual resizing in a web browser, and not any "true" responsive image techniques, i.e. serving different images to different screen sizes. These are ...

    Updated 08-16-2014 at 10:26 AM by Beverleyh

    Categories
    CSS related , Web Design issues
  3. From frameset to hashchange

    In the old days, many designers used frames within framesets to present documents in multiple views. This allowed them to modify the menu for the whole site by just updating the page in the navigation frame. And visitors could go from one (content) page to another without causing a page (re)load in the navigation frame (or another frame).

    Framesets were abandoned when people started to realize that their benefits didn't outweight their numerous problems and that other ways of updating ...
    Categories
    Uncategorized
  4. Custom alerts

    It is surprisingly easy to create iframes that go on top of windowed elements (Flash, select boxes etc.):
    Code:
    <iframe name="ifr" style="position:relative; z-index:10000; background: white" onload="frames['ifr'].document.body.innerHTML='This is an iframe that overlays windowed elements if the zindex is high enough'"></iframe>
    The onload-part will cause the text to overlay any windowed element if the zindex is high enough (except in Safari). Position: ...

    Updated 08-09-2014 at 03:52 PM by molendijk

    Categories
    Uncategorized
  5. Paginated Responsive Modal Gallery (PHP/CSS3/JS)

    My modal gallery has evolved and here come versions 4 and 5. Both now include pagination but version 5 is PHP generated to help with maintainability.

    First, a recap on the gallery development so far;

    Now, so far, this gallery has only ...
Page 1 of 18 12311 ... LastLast