24 ways's Image
More about this blog
Latest Post
23 Dec 2009
Total Posts
48
Readers
548
Liked
0
Disliked
0
Views-Per-Post
11.42
vote up
0
vote down

Make Your Mockup in Markup

Meagan Fisher tackles the issue of designing in the browser head on by looking at some of the practicalities of ditching Photoshop and setting your foundations markup. Sorry Photoshop, it’s not me, it’s you.
24 ways
 
Meagan Fisher
tags: markup
Dec 24 2009 05:44 AM
vote up
0
vote down

Make Your Mockup in Markup

Meagan Fisher tackles the issue of designing in the browser head on by looking at some of the practicalities of ditching Photoshop and setting your foundations markup. Sorry Photoshop, it’s not me, it’s you.
24 ways
 
Meagan Fisher
tags: markup
Dec 24 2009 04:40 AM
vote up
0
vote down

Ignorance Is Bliss

Andy Clarke shares a case study highlighting the benefits of progressively enhanced web design. Ever wondered how to convince your clients to let you use cutting edge web techniques? It may be simpler than you think.
24 ways
 
Andy Clarke
tags: html5
Dec 23 2009 01:40 PM
vote up
0
vote down

Ignorance Is Bliss

Andy Clarke shares a case study highlighting the benefits of progressively enhanced web design. Ever wondered how to convince your clients to let you use cutting edge web techniques? It may be simpler than you think.
24 ways
 
Andy Clarke
tags: html5
Dec 23 2009 05:01 AM
vote up
0
vote down

Real Fonts and Rendering: The New Elephant in the Room

Jeffrey Zeldman steps back and takes a long hard look at the issue of cross-platform web font rendering quality. It can feel like Christmas morning with the array of font options available – but are we opening Pandora’s box?
24 ways
 
Jeffrey Zeldman
tags: typography
Dec 22 2009 12:46 PM
vote up
0
vote down

Real Fonts and Rendering: The New Elephant in the Room

Jeffrey Zeldman steps back and takes a long hard look at the issue of cross-platform web font rendering quality. It can feel like Christmas morning with the array of font options available – but are we opening Pandora’s box?
24 ways
 
Jeffrey Zeldman
tags: typography
Dec 22 2009 05:18 AM
vote up
0
vote down

Make Out Like a Bandit

Jina Bolton encourages us to stop and take stock and make sure that we’re getting the most out of all the work we’re putting in. Does your work make you happy, and if not, how do we change things for the better?
24 ways
 
Jina Bolton
tags: craft
Dec 21 2009 04:49 AM
vote up
0
vote down

Cleaner Code with CSS3 Selectors

Rachel Andrew illustrates how, as more modern browsers come online, CSS3 selectors can be used to get some of the junk out of our front and back-end code, and how JavaScript can be used to provide a fall back for older browsers.
24 ways
 
Rachel Andrew
tags: css
Dec 20 2009 04:35 AM
vote up
0
vote down

Spruce It Up

Jonathan Snook picks up our theme of font embedding with some ideas on how to reduce font download sizes and load time to lessen the impact of the Flash Of Unstyled Text. The less flashing the better, if you ask me.
24 ways
 
Jonathan Snook
tags: typography
Dec 19 2009 12:45 PM
vote up
0
vote down

Spruce It Up

Jonathan Snook picks up our theme of font embedding with some ideas on how to reduce font download sizes and load time to lessen the impact of the Flash Of Unstyled Content. The less flashing the better, if you ask me.
24 ways
 
Jonathan Snook
tags: typography
Dec 19 2009 05:21 AM
vote up
0
vote down

A Pet Project is For Life, Not Just for Christmas

Elliot Jay Stocks thinks you should have a pet project on the go, and dammit if he’s not about to tell you why. Of course, this very site is a pet project which is explicitly just for Christmas, but we’re prepared to overlook that. As you
24 ways
 
Elliot Jay Stocks
tags: craft
Dec 18 2009 04:48 AM
vote up
0
vote down

The Web Is Your CMS

Christian Heilmann uses the Yahoo! Query Language to assert that we already have a content management system in the form of the web. YQL unifies interfaces and combines requests to make working with APIs much easier.
24 ways
 
Christian Heilmann
tags: apis
Dec 17 2009 10:32 AM
vote up
0
vote down

The Web Is Your CMS

Christian Heilmann uses the Yahoo! Query Language to assert that we already have a content management system in the form of the web. YQL unifies interfaces and combines requests to make working with APIs much easier.
24 ways
 
Christian Heilmann
tags: apis
Dec 17 2009 05:09 AM
vote up
0
vote down

Designing For The Switch

Mark Boulton uncovers some ugly truths about font embedding on the web, but being the nice chap that he is, doesn’t leave without teaching us all how we can overcome them through careful typeface selection.
24 ways
 
Mark Boulton
tags: typography
Dec 16 2009 05:29 AM
vote up
0
vote down

CSS Animations

Tim Van Damme continues our advanced CSS theme by introducing what can be done in Webkit browsers when things start to get animated. Get ready to put some motion in your ocean.
24 ways
 
Tim Van Damme
tags: css
Dec 16 2009 01:15 AM
vote up
0
vote down

CSS Animations

Tim Van Damme continues our advanced CSS theme by introducing what can be done in Webkit browsers when things start to get animated. Get ready to put some motion in your ocean.
24 ways
 
Tim Van Damme
tags: css
Dec 15 2009 06:12 AM
vote up
0
vote down

Rock Solid HTML Emails

David Greiner offers invaluable insight into building HTML emails. Just like HTML for the web, email requires an intimate understanding of the software used to view your work. Allow Dave to share from his wealth of experience.
24 ways
 
David Greiner
tags: markup
Dec 13 2009 03:46 PM
vote up
0
vote down

Self-Testing Pages with JavaScript

Ross Bruniges demonstrates a way JavaScript can be used during the development phase to highlight errors in the markup as they occur. By constructing simple tests you can spot problems fast and fix them before they become an issue.
24 ways
 
Ross Bruniges
tags: productivity
Dec 12 2009 04:30 AM
vote up
0
vote down

Self-Testing Pages with JavaScript

Ross Bruniges demonstrates a way JavaScript can be used during the development phase to highlight errors in the markup as they occur. By constructing simple tests you can spot problems fast and fix them before they become an issue.
24 ways
 
Ross Bruniges
tags: productivity
Dec 12 2009 04:30 AM
vote up
0
vote down

Don't Lose Your :focus

Patrick H. Lauke returns our focus to accessibility, and in particular to styling sites to be usable by visitors browsing with something other than a mouse. All this, whilst still maintaining aesthetic appeal.
24 ways
 
Patrick H. Lauke
tags: accessibility
Dec 11 2009 03:14 PM
vote up
0
vote down

Don't Lose Your :focus

Patrick H. Lauke returns our focus to accessibility, and in particular to styling sites to be usable by visitors browsing with something other than a mouse. All this, whilst still maintaining aesthetic appeal.
24 ways
 
Patrick H. Lauke
tags: accessibility
Dec 11 2009 03:14 PM
vote up
0
vote down

A New Year's Resolution

Mike Kus get us fired up with some ideas on how to think beyond the web when embarking on a new project. Inspiration is often hard to come by – learn how not to fall into the trap of churning out another identical web design.
24 ways
 
Mike Kus
tags: design
Dec 11 2009 02:07 PM
vote up
0
vote down

A New Year's Resolution

Mike Kus get us fired up with some ideas on how to think beyond the web when embarking on a new project. Inspiration is often hard to come by – learn how not to fall into the trap of churning out another identical web design.
24 ways
 
Mike Kus
tags: design
Dec 11 2009 02:07 PM
vote up
0
vote down

Incite A Riot

Jeremy Keith issues a call to arms over how passages of dialogue are marked up in HTML, and more specifically, in HTML5. Stand firm, good designers and developers of the web, and don’t let poorly worded specs lead the people astray!
24 ways
 
Jeremy Keith
tags: markup
Dec 11 2009 04:30 AM
vote up
0
vote down

Incite A Riot

Jeremy Keith issues a call to arms over how passages of dialogue are marked up in HTML, and more specifically, in HTML5. Stand firm, good designers and developers of the web, and don’t let poorly worded specs lead the people astray!
24 ways
 
Jeremy Keith
tags: markup
Dec 11 2009 04:30 AM
vote up
0
vote down

The Construction of Instruction

Relly Annett-Baker turns our minds to the oft-neglected subject of website copy, and how the small things you say can have a big impact on your customers, revenues, fame, fortune and luck with the opposite sex.
24 ways
 
Relly Annett-Baker
Dec 08 2009 04:30 AM
vote up
0
vote down

The Construction of Instruction

Relly Annett-Baker turns our minds to the oft-neglected subject of website copy, and how the small things you say can have a big impact on your customers, revenues, fame, fortune and luck with the opposite sex.
24 ways
 
Relly Annett-Baker
Dec 08 2009 04:30 AM
vote up
0
vote down

Type-Inspired Interfaces

Dan Mall shows us one technique to combat blank-page syndrome by demonstrating how design inspiration can be taken from the typefaces we use. So put down your pencils, reach for your composing stick and let the type do the talking.
24 ways
 
Dan Mall
tags: typography
Dec 07 2009 04:30 AM
vote up
0
vote down

Type-Inspired Interfaces

Dan Mall shows us one technique to combat blank-page syndrome by demonstrating how design inspiration can be taken from the typefaces we use. So put down your pencils, reach for your composing stick and let the type do the talking.
24 ways
 
Dan Mall
tags: typography
Dec 07 2009 04:30 AM
vote up
0
vote down

Front-End Code Reusability with CSS and JavaScript

Trevor Morris runs us through how JavaScript can be designed to take its configuration directly from your markup. Using the model of a jQuery plugin, learn how adding a simple class name can control how your code functions.
24 ways
 
Trevor Morris
tags: javascript
Dec 06 2009 07:47 PM
vote up
0
vote down

Front-End Code Reusability with CSS and JavaScript

Trevor Morris runs us through how JavaScript can be designed to take its configuration directly from your markup. Using the model of a jQuery plugin, learn how adding a simple class name can control how your code functions.
24 ways
 
Trevor Morris
tags: javascript
Dec 06 2009 07:47 PM
vote up
0
vote down

HTML5: Tool of Satan, or Yule of Santa?

Bruce Lawson takes us a little further down the rabbit hole of HTML5. This week we’ve seen a glimpse of some of the great stuff coming, but how much of it can we start using right away? Luckily we have Bruce on hand to explain.
24 ways
 
Bruce Lawson
tags: html5
Dec 05 2009 04:24 PM
vote up
0
vote down

HTML5: Tool of Satan, or Yule of Santa?

Bruce Lawson takes us a little further down the rabbit hole of HTML5. This week we’ve seen a glimpse of some of the great stuff coming, but how much of it can we start using right away? Luckily we have Bruce on hand to explain.
24 ways
 
Bruce Lawson
tags: html5
Dec 05 2009 04:24 PM
vote up
0
vote down

What makes a website successful? It might not be what you expect!

Paul Boag challenges us to think about what makes our sites successful, which has interesting implications on how resources are spent. I once asked my aunt what makes her Christmas pud successful, and when I found out I never ate there again.
24 ways
 
Paul Boag
tags: business
Dec 04 2009 08:02 PM
vote up
0
vote down

What makes a website successful? It might not be what you expect!

Paul Boag challenges us to think about what makes our sites successful, which has interesting implications on how resources are spent. I once asked my aunt what makes her Christmas pud successful, and when I found out I never ate there again.
24 ways
 
Paul Boag
tags: business
Dec 04 2009 08:02 PM
vote up
0
vote down

Have a Field Day with HTML5 Forms

Inayaili de León introduces some of the new form field types available in HTML5, and then goes on to look at some more advanced CSS3 techniques which can be used to keep your forms looking sharp and ship shape.
24 ways
 
Inayaili de León
tags: css
Dec 03 2009 04:30 AM
vote up
0
vote down

Have a Field Day with HTML5 Forms

Inayaili de León introduces some of the new form field types available in HTML5, and then goes on to look at some more advanced CSS3 techniques which can be used to keep your forms looking sharp and ship shape.
24 ways
 
Inayaili de León
tags: css
Dec 03 2009 04:30 AM
vote up
0
vote down

Breaking Out The Edges of The Browser

Remy Sharp takes us by the hand and guides us through our first steps into the web applications side HTML5 with a look at web storage and offline applications. You’ll need a nice modern browser and some Kendal Mint Cake.
24 ways
 
Remy Sharp
tags: javascript
Dec 02 2009 02:33 PM
vote up
0
vote down

Breaking Out The Edges of The Browser

Remy Sharp takes us by the hand and guides us through our first steps into the web applications side HTML5 with a look at web storage and offline applications. You’ll need a nice modern browser and some Kendal Mint Cake.
24 ways
 
Remy Sharp
tags: javascript
Dec 02 2009 02:33 PM
vote up
0
vote down

Working With RGBA Colour

Drew McLellan kicks off our 2009 season with a look at some of the tools CSS3 provides for applying levels of transparency to colour values, enabling you to avoid weighing down a site design with heavy PNG images.
24 ways
 
Drew McLellan
tags: design
Dec 01 2009 04:30 AM