CSS Dropshadows

October 24th, 2007 · 3:37 pm  →  CSS Web Design

I’ve not written anything about CSS3 for a while so have taken the opportunity today to write a short post on the text-shadow property, how it works and what browsers currently support it.

CSS Tabs Menu with Dropdowns

October 18th, 2007 · 9:52 am  →  CSS Web Design

I’ve previously written a tutorial which demonstrated how to create accessible tab navigation menu’s. Within this tutorial, I’m going to explain how this menu can be expanded further to create dropdowns when the top level menu item is hovered over.

Firefox scrollbar fix

October 15th, 2007 · 2:27 pm  →  CSS Web Design

If you’ve ever developed a site which is centrally aligned and only requires a vertical scrollbar on some pages then you’ll have experienced the problem in Firefox where the page appears to jump to allow for the appearance and disappearance between pages. However, there is a fix which can force the scrollbar to appear all [...]

Colour blind web page filter

October 11th, 2007 · 3:50 pm  →  Web Design

Colour blindness is often one of the many areas of accessibility which is overlooked but as it effects somewhere between 7% and 10% of the adult population it’s certainly something that we should be considering when designing web-pages.

CSS Tabs Menu

October 9th, 2007 · 3:48 pm  →  CSS Web Design

Using an unordered list and a couple of images, we can use CSS to create effective tabbed navigational menu’s which this tutorial will demonstrate. This demonstration uses the Sliding Doors technique which not only allows for long text but also enables the user to enlarge the text within their browser without breaking the tabs.

Nevermind the Accessibility

October 5th, 2007 · 11:56 am  →  Web Design

I’ve not spoken about accessibility for quite a while but there’s been a lot of interest in the topic, both for and against accessibility mainly due to this little bit of news “ Judge allows class action against Target Web site“.

CSS colour tip

October 1st, 2007 · 11:38 am  →  CSS Web Design

Whenever I’m browsing the web and come across a certain website where something is interesting or I’m curious as to how something has been done, I’ll take a look in the source code and CSS to see how the designer solved a certain problem or created part of the page. This morning I came across [...]

Block and Inline elements: Part two

September 25th, 2007 · 11:19 am  →  HTML Web Design

In Block and Inline elements: Part one, I explained the difference between block and inline elements and how the default display for these elements is presented. Within this part, I’ll explain how you can use CSS to alter the display of these elements to help with the presentation.

Block and Inline elements: Part one

September 20th, 2007 · 10:28 am  →  HTML Web Design

CSS is an important part of any web designer’s skills and therefore it’s extremely important that a designer understands how block elements and inline elements work together and how they can be styled using CSS. This article will explain the default display values of the most commonly used HTML elements whilst part two of this [...]

IE CSS Conditional Comments

September 18th, 2007 · 3:40 pm  →  CSS Web Design

Consistency across browsers is obviously extremely important and Internet Explorer 6 just won’t go away so unfortunately from time to time we need to use hacks to get around certain bugs and that’s where conditional comments can come in extremely useful.