View RSS Feed

Web Design issues

  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. Taking Control

    Last week, I wrote about taking a "PHP-first" approach to programming - program first, output last. But what should go first in your program?

    M-V-C
    You may have heard about something called "MVC" (Model-View-Controller). If not, here's your crash course:

    Model

    Your Model is all of the information needed/used by your program. [Hopefully], the Model is well-organized. Think of it in terms of note-taking: notes are easier to ...
  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 01:27 AM by traq

    Categories
    PHP coding , Web Design issues
  5. Lightbox Bad, SlimBox Good

    The title overstates the point. Both these scripts in their latest versions are pretty darn good as are many of the other Lightbox type scripts out there (see end for two others or Google Lightbox for more, though not all are as good as those mentioned here, many including the original Lightbox mentioned in the title of this blog entry are).

    Here's the real story -

    Some time ago Dynamic Drive's Lightbox by Lokesh Dhakar was added to the Dynamic Drive official scripts. ...

    Updated 07-08-2014 at 04:50 PM by jscheuer1 (add update for more recent jQuery versions)

    Categories
    DD Scripts Mods , Post a JavaScript , JavaScript & Ajax , Web Design issues
Page 2 of 3 FirstFirst 123 LastLast