Web Development with PHP, HTML, CSS, & JavaScript

Categories: Html

Opening a new window with Unobtrusive Javascript

Sunday 8th November 2009, 04:07 PM
According to the W3C Specifications, XHTML should only deal with information displayed in a browser window. Basically, opening a new window is something that does not relate to the current window, and therefore XHTML should not perform this action.

Link Icons for external links and different file types

Thursday 24th September 2009, 09:56 PM
Sometimes you might find yourself with a number of different types of links on your website, from external links, to links opening a new window, links to pdf or document files, or links to print the content of a page. It is important from a user interface perspective to identify these links to your users before they click on them.

Styling submit buttons with images

Wednesday 26th August 2009, 09:43 PM
There are a number of ways to create fancy looking Submit buttons, whether using html or css. Here’s how I would create an accessible and user friendly submit button

Using Images in Navigation

Monday 11th May 2009, 09:59 PM
In designing websites, one of more artistic ways to make a site more interesting to the user is to employ the use of images, as opposed to plain text. One particular area where this can be effective is in navigation elements. There are a number of different techniques employed in creating beautiful, image based navigation elements.

Flash and Gracefully Degrading Navigation

Thursday 30th April 2009, 06:43 PM
Article describing how, with the use of SWFObject and regular xhtml, you can provide visitors to your site a slick Flash animation without punishing users without the required plugins or browsers.

Making Use of the HTML Tag

Wednesday 18th March 2009, 10:17 PM
When converting a design to a fully functioning html website, one of the aspects of design that can often be troublesome is the page background. Since you neither know the height that any given page will be, nor the width of your users viewport, you always need to ensure that your beautifully complex background image either fades into a solid colour, or is tileable.

The Alt Text Attribute and Accessibility

Tuesday 10th March 2009, 10:04 PM
Alternative text is a very important part of a webpage, but this is often overlooked by web developers, who neglect it because it can be difficult to implement. Additionally, badly written or misused alt text can be equally damaging. And this comes at a cost the the accessibility of the website.

Curing my Divitis

Tuesday 25th November 2008, 08:25 PM
When widespread support finally came for CSS, we moved on to more semantic markup, with use of holding div tags floated and positioned to generate the desired effect. Sure, this came along with the need for hacks to cover up inconsistencies between different browsers, but we looked down our noses at those still using HTML tables and cited web standards. But as it turns out, over use on non-semantic "presentation" tags (span and div, both have no actual implied meaning) can be almost as much of a sin as the one we left behind.