Brain Food for Web Developers

HTML5 Logo

November 14, 2013
by Graham
Comments Off on Custom Data Attributes in HTML5

Custom Data Attributes in HTML5

One of the new abilities of HTML5 is that it allows you to add a custom data attribute to your markup. This is useful for when you want to include some metadata in your markup.
The new data attribute look like this: data-file=”stylesheet1″
The attribute must be prefixed with “data-” and should be all lower case.
Read more for an example of the data attribute in action. Continue reading


May 23, 2012
by Graham

Is Responsive Web Design Important?

There’s a huge buzz around responsive web design at the moment. As I mentioned in my previous article, mobile web browsing is expected to overtake desktop browsing within a few years. Now designers are using responsive design to ensure their sites adapt to different devices. But is it worth jumping onto the responsive bandwagon? Is responsive design an important step in the evolution of web design or is it just a gimmick? Continue reading

HTML5 Logo

July 3, 2011
by Graham
Comments Off on Writing HTML5 Forms

Writing HTML5 Forms

Although HTML5 is becoming more popular with coders, there are still those who are hesitant about adopting the latest markup for fear of the lack of support from older browsers. Luckily, there are some cool new HTML5 form attributes that degrade gracefully in older browsers (even IE6!).

This summary of some new attributes will discuss HTML5 autofocus field, placeholder text, form validation as well as new input types (email, numbers, URL, etc.).

Continue reading

Table Code

July 18, 2010
by Graham
Comments Off on Why Tables for Layout Are Unprofessional

Why Tables for Layout Are Unprofessional

I was recently asked to write some HTML for a e-mail newsletter and I was forced to recall what it was like to design layout using tables (bleh!). Of course there are still some designers out there who argue that using tables for layout is just fine and that harking on about divs and the semantic web is overreacting. Admittedly, it’s very quick and easy to come up the desired structure using a GUI like Dreamweaver, but it’s just not good practice.
I’ve compiled a list of reasons why tables should NOT be used for layout. Continue reading