View RSS Feed

Most Popular Blogs

  1. 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
  2. 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
  3. Responsive Multi-Level, Fly-Out Menu

    The earlier version of this menu utilises the same checkbox hack and "off-canvass" pattern in desktop view as it does in mobile - apart from being always-visible on a large screen, it looks and works the same, regardless of what device is accessing it (modern browsers and IE9+).

    Thanks to the increasing popularity of touch devices, where tappable/clickable triggers now seem more favourable than hover actions, this has the benefit of consistency. Minus the initial trigger ...

    Updated 06-04-2014 at 10:43 AM by Beverleyh

    Categories
    CSS related
  4. SlideUp / SlideDown content without jQuery (VelocityJS)

    The SlideUp/SlideDown methods in jQuery are said to be the "Holy Grail" of vertical animations, because they are able to (reasonably) smoothly change the height of a matched element with a sliding motion, while allowing sibling elements to move in to the empty space. If you're unsure of what I mean, take a look at this jQuery-powered Q&A/FAQs script I cobbled together, and watch how the pretty-coloured bars move to leave no gaps, when other boxes are opened and closed;

    ...
  5. Before You Start: the basics, for PHP in particular and for programming in general

    I wanted to take a few moments to talk about some of "the basics" that are all-to-often glossed over...

    A Matter of Style

    In general, I find that most PHP programmers fall into one of three main programming styles:
    • procedural: a simple ordered set of instructions, nested if's/ else's, etc.
    • functional: functions are little code containers that you can call on when needed. You [usually] give them arguments, they [usually] return values to you.
    • object-oriented:
    ...

    Updated 12-17-2012 at 03:49 AM by traq

    Categories
    PHP coding
Page 7 of 16 FirstFirst ... 56789 ... LastLast