View RSS Feed

Beverleyh

  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 11:26 AM by Beverleyh

    Categories
    CSS related , Web Design issues