Blogs & MySpace (2003–2008) · Web Design Through the Ages

Tuesday, November 15, 2005

I made my kettle send me an email (sort of)

So everyone at work is saying “Ajax” now like it's a new kind of soap. I spent Sunday wiring the old webcam above the kettle to a page that refreshes itself without reloading. It asks the server “is it boiling yet?” every five seconds. The answer is usually no.

Next step: an RSS feed for the kettle. Subscribe in your aggregator and you'll never miss a brew again. Yes, I know. Yes, I know.

Currently listening: a mix CD my sister burned me in 2002
Currently drinking: Assam, too strong

Posted by Wren at 11:42 PM | 5 comments | Trackback | Labels: ajax, kettle, geekery

Sunday, November 13, 2005

5 Comments: (showing 3)

pixelpudding said...: LOL. Please put the kettle on a FriendSpace profile so it can have a Top 8.
Anonymous said...: great post!! check out my site for cheap ringtones
Wren said...: @Anonymous: deleted your other six comments. Turning on word verification now.

About Me

Wren
Bristol, United Kingdom

Web developer by day, tea snob by night. I validate my markup and I'm not ashamed.

View my complete profile

RSS2.0 ATOM1.0 XML

Meanwhile, three tabs over… FriendSpace

On FriendSpace, every teenager was a web designer. The profile “About me” box accepted raw HTML and CSS, so people pasted in whole stylesheets copied from layout sites. Type CSS below and it is applied only to the profile frame.

<div class="kk__post" id="post-ajax-kettle" data-trait="permalinks"> <h3 class="kk__title"><a href="#post-ajax-kettle">I made my kettle send me an email (sort of)</a></h3> <div class="kk__body"> <p>So everyone at work is saying “Ajax” now like it's a new kind of soap. I spent Sunday wiring the old webcam above the kettle to a page that refreshes itself without reloading. It asks the server “is it boiling yet?” every five seconds. The answer is usually no.</p> <p>Next step: an RSS feed for the kettle. Subscribe in your aggregator and you'll never miss a brew again. Yes, I know. <em>Yes, I know.</em></p> <p class="kk__now"><b>Currently listening:</b> a mix CD my sister burned me in 2002<br /> <b>Currently drinking:</b> Assam, too strong</p> </div> <p class="kk__byline">Posted by <a href="#kk-about">Wren</a> at <a href="#post-ajax-kettle">11:42 PM</a> | <a href="#post-ajax-kettle">5 comments</a> | <a href="#post-ajax-kettle">Trackback</a> | <span class="kk__labels">Labels: <a href="#kk-tags">ajax</a>, <a href="#kk-tags">kettle</a>, <a href="#kk-tags">geekery</a></span></p> </div>

.kk__outer { width: 760px; max-width: calc(100% - 20px); margin: 20px auto 0; background: #fffaf0; border: 1px solid #c9b48f; box-shadow: 0 2px 6px rgb(80 50 20 / 0.2); } .kk__wrap:after { content: ''; display: block; clear: both; } .kk__main { float: left; width: 480px; padding: 0 0 20px 24px; } .kk__sidebar { float: right; width: 200px; padding: 0 20px 20px 0; }

<form class="fs__editor" data-trait="css-sandbox" action="#fs"> <label for="fs-css">Edit Profile → About Me (CSS goes here):</label> <textarea id="fs-css" name="css" rows="12" spellcheck="false" data-keys="own">/* paste a layout or write your own! */ body { background: #e8f0ff; }</textarea> <div class="fs__presets" role="group" aria-label="Preset layouts"> <button type="button" data-preset="glitter">Glitter pink</button> <button type="button" data-preset="emo">Black emo</button> <button type="button" data-preset="hacked">Hacked tables</button> <button type="button" data-preset="reset">Default</button> </div> <p class="fs__status" role="status" aria-live="polite">Changes apply as you type.</p> </form> <iframe class="fs__frame" src="/demos/profile/" title="FriendSpace profile of xXstarlightXx, styled by the CSS you type" loading="lazy"></iframe>

Kettle & Keyboard

Tuesday, November 15, 2005

I made my kettle send me an email (sort of)

Sunday, November 13, 2005

5 Comments: (showing 3)

About Me

Subscribe

Blogroll

Archives

Tags

Meanwhile, three tabs over… FriendSpace

Keyboard shortcuts

Kettle & Keyboard

Tuesday, November 15, 2005

I made my kettle send me an email (sort of)

Sunday, November 13, 2005

New template! (and a tag cloud)

5 Comments: (showing 3)

About Me

Subscribe

Blogroll

Archives

Tags

Meanwhile, three tabs over… FriendSpace