Category Archives: Web design

Custom radio inputs using pure CSS

By Asgeir | Published: 24 February, 2010
Ryan Seddon, also referred to as the CSS Ninja, has created some impressive custom radio and checkbox inputs with pure CSS. The technique, which he posted late last week, is using some nifty selectors and pseudo-madness to detect input state, and swap the original inputs with images from a sprite. The new inputs are actually attached [...]
Also posted in CSS | Tagged | Leave a comment

DOM Scripting by Jeremy Keith

By Asgeir | Published: 21 February, 2010
I have been dabbling with Javascript a few times, but only at the level where I was stoked when I could create a function to convert fahrenheit to celsius. I was going to try to make a slightly more serious attempt at learning it, and bought DOM Scripting: Web Design with Javascript and the Document [...]
Posted in Web design | Tagged , | 2 Comments

LESS: Generating grids and columns + LESS.app

By Asgeir | Published: 15 February, 2010
After more mocking around with LESS, I’m starting to see the possibilities that this framework presents. Defining constants (I do prefer the term constants over variables) in the beginning gives you an immense flexibility down the road. I’ve been experimenting with this little system that, based on a set of constants, defines the underlying grid [...]
Also posted in CSS | Tagged , | Leave a comment

LESS is more – CSS meta frameworks

By Asgeir | Published: 15 February, 2010
Every time you have repeated the same block of styles again and again and thought, shit, this CSS is getting messier and messier, or returned to an old file to swap a colour value that occurs thirty times throughout the code, what you wished you had, was a a CSS meta framework. There are a [...]
Also posted in CSS | Tagged , | 5 Comments

Interactive floor plan

By Asgeir | Published: 8 February, 2010
This is the first of two interactive floor plans that I’m developing for a local building project. I’ll be using an image map and coordinates to define the clickable areas, and the Maphilight javascript by David Lynch to get some neat mouseover indicators. The light blue area around half of the building is meant to represent [...]
Also posted in User Interface | Tagged | Leave a comment