33 COMMENTs
Design & UX
Alex Walker, Feb 22

Google's Doodle and Why it Hertz my Brain!

How do we love Google Doodles? Let us count the ways. But when we noticed today's celebration of the great german physicist Heinrich Hertz, we all did a double take. Find out why.
3 COMMENTs
Design & UX
James George, Feb 20

Creating Seamless Background Patterns For The Web

15 COMMENTs
Design & UX
Tara Hornor, Feb 17

Implementing Cross-Browser Video Playback in HTML5

16 COMMENTs
Design & UX
James George, Feb 14

Using Multiple Backgrounds for Flexibility in Web Design

11 COMMENTs
Design & UX
James George, Feb 13

Create a Reusable CSS Menu with Photoshop

15 COMMENTs
Design & UX
Rupesh, Feb 08

How to Create a Flashy Menu Using CSS

55 COMMENTs
Design & UX
Jean-Pierre Gassin, Feb 06

What Was the First Website You Designed?

23 COMMENTs
Design & UX
Joel Falconer, Nov 29

10 Awesome Webfonts You Can Get For Free

9 COMMENTs
Design & UX
Tara Hornor, Nov 21

450+ CSS Layouts

2 COMMENTs
HTML & CSS
Tim Slavin, Nov 04

How to Code HTML Email Newsletters

94 COMMENTs
Design & UX
Alex Walker, Sep 14

A Farewell to CSS3 Gradients

While there have been some great recent discussions on the subject of web gradients -- John Allsop's recent article gives the perfect overview -- most focus on using CSS3, while occasionally patching a hole here and there with dab of SVG.. Could it be we're looking at it the wrong way?
13 COMMENTs
Design & UX
Jason Beaird, Sep 02

Resizing: Fixed, Fluid, or Responsive Layouts

In print design, the containing block is a physical object like a business card or a billboard. On the Web, our container is the browser window. Should the design fill the browser window, or should it have a set width? Let’s take a look.
18 COMMENTs
Design & UX
Tim Connell, Aug 16

When Visitors Print - About That Print Stylesheet

42 COMMENTs
JavaScript
Dennis Lembree, Jul 20

Popular Mistakes in Universal Web Design

With today's snazzy and competitive “Web 2.0” and social media world, universal design is many times forgotten. It's bewildering as to why since there are many social, technical, financial, and legal reasons which support universal design practices. Let's discuss some of the more prevalent issues in websites today, and how they relate to the main universal design principles.
JavaScript
Simon Pascal Klein, Jun 29

Design Festival Podcast #9: Design for Mobile Apps and Websites

3 COMMENTs
4 COMMENTs
Design & UX
Alex Walker, May 26

The Cicada Project: And the winner is…

It’s been a month of inspired ideas and clever execution but the time has come to announce the official winner of Design Festival's Cicada Project iPad Giveaway.
48 COMMENTs
Design & UX
Chris Sealey, May 25

Better Semantics with CSS Combinators & Selectors

At design school we were all taught about classes and IDs, using . and # respectively, to directly target elements. That's enough control to build a functional website—but it's not flexible enough to handle a complete design shift. It also creates a lot more work than needed by using presentational values within markup. Let's take a look at an alternative approach to targeting those difficult-to-get-to elements and when the use them.
7 COMMENTs
Design & UX
Jason Beaird, May 17

Creating a Color Palette

So without delay let’s continue our series on color. Having last week looked at color schemes, let’s continue now with palettes, and how to create them. We’ll also finish by examining a few useful tools that are near indispensable to anyone working with color on the web.
1 COMMENT
Design & UX
Alex Walker, May 16

The Cicada Project: Have your say!

It was just over three weeks ago that we launched the Cicada Project, our community-driven gallery for backgrounds exploring the cicada principle. The idea was to push the idea to find out what was possible—while juicing up the competition with an iPad 2 giveaway. Here's the current state of play.
8 COMMENTs
Design & UX
Dennis Lembree, May 11

Longdesc & Other Long Image Description Solutions — Part 2 of 2: The Solutions

In the first part of this two-part series, the longdesc attribute was examined including its definition, criticism and support, and lack of browser support. In Part 2, let's now discuss how to implement longdesc, some alternatives, and few other ideas to provide a long description for an image.
12 COMMENTs
Design & UX
Elliot Birch, May 08

Border Radius and Inset Box Shadow Bug solution!

Google Chrome on Windows is notorious for the border-radius/Inset box-shadow bug. If you aren't familiar with the bug here is a quick run down of the problem: when applying a border radius on an input element, inset box-shadow will ignore the border-radius and act as if it isn't there at all. Result? You receive an ugly hard corner that goes underneath your borders. After a bit of a fiddle I came up with a solution and possibly found the actual cause of this issue.
28 COMMENTs
Design & UX
Dennis Lembree, Apr 27

Longdesc & Other Long Image Description Solutions — Part 1: The Issues

You may have heard some discussion about "longdesc" recently which spiked when much debate broke out on whether to keep it in the HTML5 specification. Unless you're a "veteran" web professional, you may not even heard of "longdesc". So what is it, you ask, and should you be using it? Let's examine.