Category Archives: Web Design

London 2.0 RC 4 – Monday 3rd April 0

Yes, I know what you’re thinking – “So soon after the announcement of the “March meeting(magpiebrain – London RC3 March Meetup)”:http://www.magpiebrain.com/archives/2006/02/25/london20_rc3? Has Sam started getting organised?”. Well, kind of – actually I heard from Harry Pot “Simon W(Simon Willison’s Weblog)”:http://simon.incutio.com/ that one of the Django devs, “Adrian Holovaty(Adrian Holovaty’s Weblog)”:http://www.holovaty.com/, was going to be in [...]

London 2.0 RC 3 – Monday 13th March 1

Another Django/Rails/Catalyst/Java/web2.0 love in to be held at “The Old Bank of England”:http://www.beerintheevening.com/pubs/s/66/660/ onFleet Street. Web 2.0 advocates and detractors are welcome, as are any enthusiasts of Lisp, Python, Ruby, Java, Haskell or whatever other dirty commie language you lot use. Once again I’ll be (badly) organising this with the aid of Simon Brunning, his [...]

A Mickey Mouse Site 2

It was with some sense of chagrin that I learnt that a high-profile, previously standards compliant and accessible site had been redesigned using cutting edge webdesign techniques, circa 1996. Goodbye CSS, hello tables. I could understand this (to a point) if it wasn’t for the fact that the resulting Disney Store UK site is just [...]

Style Master 4 – CSS Editing on OSX 5

One of the hardest things about making the transition from Windows to OSX was letting TopStyle go. Quite simply it was about the only thing that made struggling with browser inconsistencies bearable, and made playing around with CSS a pleasure. I have never been happy with the OSX replacement I got for it – CSSEdit, [...]

Live comment preview using Javascript 13

Whilst leaving a comment over at “Jon Hicks”:http://www.hicksdesign.co.uk/ site, I noticed his excellent live preview for comments. As you type it displays how your comment will look, all in real time. I would love to do something similar for this site, however Jon uses HTML for comments so lets the browser do the parsing – [...]

A Question of Markup (or: A Nasty Case of Divitis) 2

Now that this site properly “validates (W3C Markup Validatior – validation results)”:http://validator.w3.org/check?verbose=1&uri=http%3A//www.magpiebrain.com/ as XHTML 1.0 Strict (with a little help from some PHP and the “W3C validator”:http://validator.w3.org/) I’m now starting to look at the markup itself. As you may know, the idea is that the XHTML should contain the semantic markup, and the CSS the [...]

CSS and Javascript for more printable HTML 5

As I “mentioned before(Generate footnotes for printing)”:http://www.magpiebrain.com/archives/000231.html, I recently wrote some Javascript code to produce a more printable version of my pages. Since then I’ve updated the code a little, added a link to each page and refined my printing CSS. The Javascript code handles two tasks – firstly it extracts selected links and creates [...]

IE and overflow: auto 6

As you may of noticed, I’ve been having some problems with the “@overflow@(w3c – Overflow and clipping)”:http://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping property and IE. Simply put, @overflow@ should define how content outside the displayable area is handled. Using the @auto@ value should display scrollbars when required – and this works perfectly on Mozilla. On IE however I couldn’t get [...]

Site redesign 8

OK, I finally got around to the redesign this weekend, and its gone fairly well. I’ve moved from a liquid to a fixed layout, as the site was almost unreadable on high resolution monitors and many of the design changes I wanted to make become overly complex. One downside to moving to a fixed-width layout [...]

Generate footnotes for printing 0

I sent some experimental code live today which I’ve been working on a little over the last couple of days. Now visible on the individual entry pages is a ‘Printable Version’ link that can be seen on the bottom left of the post’s content, which when clicked extracts (nearly) all links and creates a series [...]