はてなブックマーク

Lucky affluent actor asks to feast on giant 10.34" cheese-filled quiche in fjord.

Example I've deliberately made the image quite a large filesize so you'll have a chance to see the 'loading…' message before it fades out. The code The photo is a straightforward image in a div. Each has an id: <div id='photoholder'> <img src='/images/ithaka.jpg' alt='Photo' id='thephoto' /> </div> The 'loading…' image is set as the background to the photoholder div, and the photoholder is sized t

Hello. I’m Richard, a designer, author and speaker living by the sea in Brighton, UK. I’m co-founder of Clearleft, a digital design consultancy. I love all things to do with human-centred design, typography, music and cycling. I occasionally write about them here. Latest Posts Dao Day 2024 – a regression in the making It’s twenty four years to the day since A List Part published John Allsopp’s sem

Most image replacement (IR) techniques work by displaying a background image of text and shifting the real text out of view. This is fine unless you have images turned off, in which case you will see neither the graphical text nor the real text. So the requirement is to disable the IR if images are turned off. This can be accomplished by a short piece of unobtrusive JavaScript supplementing existi

Example I've deliberately made the image quite a large filesize so you'll have a chance to see the 'loading…' message before it fades out. The code The photo is a straightforward image in a div. Each has an id: <div id='photoholder'> <img src='/images/ithaka.jpg' alt='Photo' id='thephoto' /> </div> The 'loading…' image is set as the background to the photoholder div, and the photoholder is sized t