(X)HTML
XHTML and HTML
When to use an img tag, when to use a CSS background image
Nov 3rd
<Img> tag vs CSS background image…This has caused much confusion to many web-developers I have met – many more developers don’t care. So, when should you use an <img> and when should you use a CSS background image on your element? The answer is surprisingly simple…In nearly all cases, use <img> tags for contextually important More >
Mobile Website design & development guidelines
Nov 3rd
Like it or hate it, the Apple iPhone has ushered in the age of the “Smartphone” which in turn has delivered mobile web-browsing to the masses. The mobile browser, whilst now broadly quite capable (at least on leading platforms), has introduced a slightly different set of requirements in terms of design and development of Websites.
Many, many designers, developers and others have written articles on how to design and/or develop for the mobile browser. I am aiming to summarise what I have learnt from several sources alongside my experience an opinion in a (hopefully) relatively quick and simple way
How to reduce web page download time in 4 (fairly) simple steps
Oct 1st
Web pages have generally become much more bulky in recent years. The trends for JavaScript-based functionality enhancements and the popularisation of digital photography have led to larger amounts of data being transferred (downloaded) per page and I can’t see a reversal of this happening any time soon. If you’re using a mobile device such as More >
Email client rendering engines – useful information for testing HTML email layouts
Jun 21st
As every web-developer knows, testing your Web pages on the myriad of popular Web browsers can often be a horrible experience…and if there’s one thing which is even worse than testing web pages in different browsers, it surely has to be testing HTML Email layout in multiple Email clients!
A simple example of CSS sprites
May 25th
CSS Sprites can help to reduce web page download times and delays caused by downloading of hover/rollover background images. This article walks through the basics with an example of how you can use CSS sprites in a graphical HTML menu.
JSH5F – A Javascript method to enable HTML5 Form Elements in Browsers which support them
Mar 29th
HTML 5 offers 13 new form input element types but Browser support for these new input types is very scant at present. However, with JSH5F, you can use the new HTML 5 form elements right now in supporting Browsers without causing problems for people using non-supporting browsers.
UPDATE 2: HTML 5 Offline Application Caching (Javascript localStorage/sessionStorage) – A very simple, reasonably complete example
Mar 24th
In an effort to stay ahead or at least alongside the game, I am starting to investigate the upcoming technologies of HTML5 and associated Javascript. In this article, i’ll cover a simple example of Javascript localStorage/sessionStorage, how to detect on-line/off-line status and off-line cache Manifest files.