Accessible CSS Contact Form
Forms are probably the most misunderstood areas when it comes to accessibility however with a properly marked up form it isn’t difficult to create form elements which can easily be styled using CSS.
Are we getting carried away with CSS3?
I’ve been trying to catch up a lot recently with the progress of CSS3 and how it can be used positively to improve code and simplify both the HTML and CSS. CSS.info is a great resource for this kind of information and a lot of the content is useful, but the recent post on Lists [...]
Box model hacking
There’s always been different rendering issues within different browsers. From the problems with Netscape 4.2 and Internet Explorer 5 right upto the differences today with Firefox and IE7. But one of the biggest problems that always seems to crop up is when a website has to support IE5.x and the issue of the box model [...]
Converting px to em or percentage
I’ve always created font sizes and elements of a page that I need to resize in % or em but when you’ve created a mock-up of what the site will look like in Photoshop then it can sometimes be a bit of a pain trying to figure out what size % or em you need [...]
3 Column Fixed CSS Layout
Last week I added the 2 Column Fixed CSS Layout example to the site. The 3 column fixed CSS layout is very much the same except for a little extra markup and a few changes to the CSS to make the space for the extra column.
CSS3 Selectors
Whilst we’re still some way off being able to adopt CSS3 fully within web design. It’s certainly worth being aware of it’s capabilities and it would be great to start using it for those browsers that support it whilst ensuring that pages degrade gracefully for those that don’t. If enough sites started to use the [...]
Reset CSS
Please note: There is an update to this article available here: CSS Reset In recent years I’ve always used the global reset method in order to reset padding and margin’s throughout an HTML document. I’ve always known that this has some issues with it when dealing with forms and am starting to come round to [...]
2 Column Fixed CSS Layout
Here’s the 2 Column Fixed CSS layout that will be covered in the tutorial below. There’s still a lot of people in the web design world that are still using tables for layout. Quite often this is due to lack of education or the fact that the person creating a web page has learnt how [...]
Using Tables to display tabular data
Within the Use HTML the right way post last week, I explained that it’s OK to use tables when you’re dealing with tabular data. I’d therefore like to explain how to markup tables properly so that they can also be accessible.
Over Complicating HTML
Semantic markup is the way forward and has been for some time. Using CSS to style semantic markup separates the presentational code from the content making things simpler for the designer whilst also making the site much more accessible, and search engine friendly. However, even people that embrace this method come unstuck when deciding which [...]