Introducing Ionic, a CSS framework put together to specifically handle layouts with more than 2 columns in CSS. The framework, originally written by Jason under the name ‘fluid1′, has been used on our client’s website, IEMA.net, since 2005. The aim of the project was to make it accessible to all the common browsers, whilst keeping the HTML markup as semantic as possible. Currently the script only supports a maximum of 3 columns, but there is no reason why the algorithm …
Archive
Pure CSS Rollover Map Demo – England Regions
A tutorial for producing these maps will be provided soon. With the help of InkScape and a spreadsheet, they are not quite as fiddly as you would expect. Each map consists of a single image, with all the roll-over images as a part of the main map image. It uses a ‘sprite’ technique to move the roll-over background images into position when the mouse hovers over the [square] regions. Why do it like this? Firstly there is no JavaScript involved. …
Menu Challenges 1
Ok, so I’m getting into my site now. The wrapper is in place, and I’m moving on to the menu: As you can see, this isn’t your ordinary set of tabs and is causing a number of problems for browsers. Rounded Corners The problem with this menu is that it’s got a curved highlight hover. There are 4 different ways to curve boxes: 1. Nifty Corners: Uses JavaScript to insert <b> 1px in height and reducing in width. PROS: Scalable, …