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. 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 ...
  4. Every PHP Tutorial Is Wrong

    Many PHP tutorials begin with an introduction to the "basics" of the language: the <?php ?> tags, and usually the echo construct. For example, something like this:

    PHP Code:
    <html>
    <head>
        <title>My First PHP Page</title>
    </head>
    <body>
        <?php
            
    echo "Hello World!";
        
    ?>
    </body>
    </html>
    Before I blast this, I want to ...

    Updated 11-03-2012 at 02:27 AM by traq

    Categories
    PHP coding , Web Design issues
  5. 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
Page 2 of 9 FirstFirst 1234 ... LastLast