View RSS Feed

Most Popular Blogs

  1. Responsive Multi-Level, Push/Slide Menu

    I was emailed the other day by somebody asking if my earlier CSS-Only Multi-Level, Off-Canvass Mobile Menu could be visible on desktop too.

    At its most basic level, the following CSS inside of a desktop media query will do that;
    Code:
    #menu { left:0 }
    .container { padding-left:13.75em }
    Except this stumps IE8 and under because of no media query support and no checkbox hack support. So I set to work on creating a version that is visible (and works) on desktop and older browsers. ...

    Updated 05-22-2014 at 07:22 PM by Beverleyh

    Categories
    CSS related
  2. RWD CSS3 Any Content Slider (JS auto-play)

    Today I revisit the Responsive CSS3 Any Content Slider, enhancing it with auto-play and start/stop controls (and later, a large touch-toggle with swish 'zoom' animation), thanks to a sprinkle of JavaScript.

    But first, a recap on the CSS-only version that was covered in an earlier blog post, mainly just as a reminder about usage of the checkbox hack to emulate click events via CSS - that's what gives it functionality without JavaScript, but, I was contacted and asked to make it play ...

    Updated 12-09-2014 at 09:33 AM by Beverleyh

    Categories
    JavaScript & Ajax , CSS related , Web Design issues
  3. Multi-Level, Off-Canvass Menu with IE7/8 support

    Hidden side menus, like the ones used in Facebook and Youtube apps, are a space-saving alternative to traditionally visible desktop menus. This post introduces an upgrade to the earlier CSS-only off-canvass menu, that makes it possible for IE7/8 users to enjoy this menu too.

    All the features are the same as the CSS-only version - the difference here is that JavaScript makes it compatible with earlier versions of Internet Explorer (IE7/8).

    Demo - CSS3 Multi-Level, Off-Canvass ...

    Updated 10-29-2014 at 02:09 PM by Beverleyh

    Categories
    JavaScript & Ajax , CSS related , Web Design issues
  4. 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 ...
  5. PHP Stylesheet/Content Switcher with Save Cookie

    Here is a simple PHP script to change stylesheets or load in alternative content (conditional loading), with cookies to store user selection.

    The nice thing about a PHP-based solution over JavaScript content/CSS switchers, is that all the checking and switching is done on the server side, before the web page even finds it's way to the browser, so you don't get any flash of unstyled content. Plus, you can conditionally load HTML or external files (improve performance and save on load ...
Page 2 of 10 FirstFirst 1234 ... LastLast