Browse by tag

Sort by:
  • Customise the WordPress admin area

    Tutorial

    Customise the WordPress admin area

    Thomas Hardy shows you how to restyle the popular CMS

    2 Aug 2012

    Tailor the Administration Screens in WordPress to match your client's branding with Thomas Hardy's guide to customising the popular CMS
  • Make a CSS animated sprite in Photoshop

    Tutorial

    Make a CSS animated sprite in Photoshop

    How to produce a retro gaming-inspired sprite

    31 Jul 2012

    By Sam Hampton-Smith on
    With new CSS features come opportunities to animate without the need for script. Sam Hampton-Smith demonstrates how to produce a retro gaming-inspired sprite
  • Build a responsive site in a week:  going further (part 5)

    Tutorial

    Build a responsive site in a week: going further (part 5)

    There is more to a responsive design than flexible layouts and images

    27 Apr 2012

    By Paul Robert Lloyd on | 1 comment
    In the final part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd explains how there is more to a responsive design than just flexible layouts, images and media queries
  • Get your JavaScript in order

    Tutorial

    Get your JavaScript in order

    Stop your code from fragmenting into messy gobbledygook

    12 Apr 2013

    By Mike Byrne on | 1 comment
    Mike Byrne provides the lowdown on a simpler way to structure your JavaScript – that should help prevent it fragmenting into messy, brain-bashing gobbledygook
  • Using WP e-Commerce

    Tutorial

    Using WP e-Commerce

    Learn how to get started using WordPress for ecommerce

    19 Mar 2013

    By Dave Mackintosh on | 5 comments
    Alongside its unstoppable rise as the CMS du jour, WordPress is increasingly used for ecommerce. Dave Mackintosh explains getting started – without shelling out
  • Create faster fluid layouts with LESS

    Tutorial

    Create faster fluid layouts with LESS

    Use variables, mixins & functions to speed up fluid layouts with LESS

    10 Aug 2012

    Paul Mist explains how to code dynamic CSS with LESS and how we can make use of variables, mixins and functions to speed up the creation of fluid layouts
  • Master the WordPress Loop

    Tutorial

    Master the WordPress Loop

    Joe Casabona's starter guide resolves the most common queries

    5 Jul 2012

    The Loop is the basis of dynamic content in WordPress. Joe Casabona explains what it does, how to use it, and resolves the most common Loop-related queries
  • Get more out of your CSS transitions with jQuery

    Tutorial

    Get more out of your CSS transitions with jQuery

    Get better control over your CSS transitions with the help of jQuery

    20 Mar 2012

    CSS3 transitions alone don’t always quite cut it. We can use a little help from jQuery to get better control over them and push them just a bit further. Val Head shows us how
  • Create an SVG data visualisation with PHP

    Tutorial

    Create an SVG data visualisation with PHP

    Learn how to save yourself time in creating visualisations with code

    8 Sep 2011

    By Brian Suda on | 4 comments
    Using code to create beautiful visualisations saves time, effort and allows you to focus on the idea rather than implementation details. Brian Suda explains how he wrote a PHP script to build an SVG graphic based on the .net magazine covers
  • A responsive workflow for Axure

    Tutorial

    A responsive workflow for Axure

    Add responsive features to Axure by using a framework

    15 Nov 2012

    By Panayiotis Karabetis on | 9 comments
    Axure may be shy of responsive features, but the beloved UX tool can still be used on your next responsive project with a little help from responsive frameworks
  • Build a responsive website in a week: responsive images and video (part 3)

    Tutorial

    Build a responsive site in a week: images and video (part 3)

    Paul Lloyd on incorporating images and videos into responive layouts

    25 Apr 2012

    By Paul Robert Lloyd on | 6 comments
    In the third part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving.
  • Build a job listings website with Drupal

    Tutorial

    Build a job listings website with Drupal

    Tim Millwood on how you can use Drupal to build a job listings site

    12 Oct 2011

    By Tim Millwood on | 2 comments
    Its learning curve is notorious but Tim Millwood argues that Drupal is not that fearsome, and demonstrates how you can use it to build a job board
  • Create a zoomable user interface with CSS3

    Tutorial

    Create a zoomable user interface

    David DeSandro on how to use CSS transforms to create a zoomable UI

    22 Sep 2011

    By David DeSandro on | 2 comments
    David DeSandro reveals how to use CSS transforms to create a zoomable user interface similar to that of 2011.beercamp.com. In this tutorial, you’ll also learn how to use JavaScript to hijack scrolling to manipulate the zoom
  • Building prototypes in HTML and CSS

    Tutorial

    Building prototypes in HTML and CSS

    Anna Debenham summarises the things she taught on Code Fitness day

    20 Sep 2011

    By Anna Debenham on | 4 comments
    Prototyping tools can be restrictive and it's becoming more important that designers know how to code up their concepts, so Leisa Reichelt organised a workshop teaching how to build prototypes in HTML and CSS. Here Anna Debenham summarises what she taught on the Code Fitness day
  • Build a portfolio with CSS3 transitions

    Tutorial

    Build a portfolio with CSS3 transitions

    Replace jQuery animation and HTML5 markup with CSS3 transitions

    14 Mar 2013

    By Andrew Markham-Davies on | 5 comments
    Build a modern, interactive portfolio page using CSS3 transitions to replace jQuery animation and HTML5 markup, with Andrew Markham-Davies
Load more
August issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!