Web Development

0 Comments

Soft Tabs vs. Hard Tabs

Published: 1:09pm September 28th, 2011
Updated: 1:36pm September 28th, 2011

There's an ongoing debate amongst developers as to which is better: soft or hard tabs. Why does this matter? In a collaborative work environment everyone needs to use the same kind and size of tabs to avoid messy differences between different peoples' code. Many argue that soft tabs are the best solution. I argue that hard tabs are better, and here's why...

0 Comments

Table Cell Vertical Alignment and Floated Elements

Published: 2:12pm March 21st, 2011
Updated: 4:19pm August 20th, 2011

I've noticed that if you have a table cell with some floated block elements in it, text in the other cells doesn't properly align to top even if you use the valign attribute set to "top" on those cells. I found the solution with CSS, and thought I'd share that with everyone with some screenshot examples.

17 Comments

Mobile Safari Background Image Scaling Quirk

Published: 3:46pm May 27th, 2010
Updated: 4:17pm August 20th, 2011

Mobile Safari on the iPhone, iPod and iPad does a great job of scaling websites to fit the viewport, including scaling of CSS background images. It does result in some minor visual artifacts (often thin lines at the edges of images), but all in all makes full websites very usable.

However, I discovered a strange quirk on a site I am currently working on and how to work around it, so I thought I would detail my findings here.

0 Comments

Web Design Form vs. Function

Published: 12:14am May 27th, 2010

I have worked in the field of web development for a number of years now and worked with designers who range quite widely in skill and expertise. It's been my experience that most designers who primarily do print work usually favour form over function and that can present difficulties not only for the developer to code up but in usability of the resulting site by end users.

I therefore wanted to take a minute to chat about form vs function, what works for web and what doesn't, to help give designers ideas on how they can improve their web designs.