Mapping in HTML – a proposal for a new element

by @edent | # # # # | 17 comments | Read ~5,056 times.
Two men are confused by a paper map

This is a sketch of a proposal for a new HTML element to simplify displaying maps on a website. I’d like your comments and criticisms before I submit it. This is born out of my frustration of using different JavaScript mapping solutions – my phone has a mapping app, why do I need to share…

Continue reading →

How *not* to do a password change page

by @edent | # # # # # | 3 comments | Read ~351 times.

We’ve all been faced with this screen, right? You haven’t logged in to a website for a while, so it prompts you to change your password. sigh Annoying but probably necessary. The problem was, every time I tried to change my password, it told me that my old password was invalid. The one that I’d…

Continue reading →

Minimum Viable XSS

by @edent | # # # | Read ~2,572 times.

Here’s a fun little game for all the family! What is the minimum number of characters required to perform a successful XSS attack? Let’s take an entirely theoretical example – suppose we have a site which echos back user input without sanitising it. So a search for ” <em>” turns the whole page italic. *ahem*…

Continue reading →

Overlapping Animated GIFs

by @edent | # # | Read ~5,207 times.

Just a couple of silly experiments on a Sunday afternoon. I think it’s beautiful to overly animated GIFs on top of one another. If the topmost GIF has a transparent background it becomes hypnotic to see the synchronisity which appears to develop – akin to listening to Dark Side of the Moon while the Wizard…

Continue reading →

How Should We Punctuate on the Web?

by @edent | # # | 2 comments | Read ~146 times.

Imagine, just for a moment, you were a computer. Take a look at the following sentence and try to work out where and how you should hyperlink the text. He said “You should visit http://example.com/!” Obvious, isn’t it? Except, of course, it’s not really that simple. There could well be a file named “!” on…

Continue reading →

BBC News Don't Get Responsive Design

by @edent | # # # # | Read ~266 times.

In October, I was interviewed in Econsultancy about the BBC’s new “responsive” website. I said: The BBC’s mobile site is fairly responsive. If you view it on different sized phones and tablets it adapts quite well. But it is an entirely separate site from the main BBC news site. The BBC are doing device detection…

Continue reading →

Should < img > Deprecate "height" and "width"?

by @edent | # # # # # # | 1 comment | Read ~619 times.

Image adaptation and resizing is a hot topic at the moment. With devices of varying screensize accessing your site, how do you ensure that the crappy 240*240 phone gets a reasonable experience while still making everything look gorgeous on the retina-busting iPad? One of the very first things we’re taught in HTML school is that…

Continue reading →

London Web Standards – State of the Browser

by @edent | # # # #

Here’s the introduction I gave to London Web Standards for their State of the Browser conference. Slideshare seem to have screwed up some of the formatting, but here are the slides. State of the Browser – London Web Standards from Terence Eden Full details of the day on Lanyrd. Thanks to Nick and the rest…

Continue reading →

Twitter and Linebreaks

by @edent | # # # # # # # | 6 comments | Read ~28,249 times.

As any student of computer science knows, line breaks are confusing. There are styles of line breaks unique to Unix, Mac and Windows – so what should a web renderer do when faced with a newline command? In HTML, it’s simple, they should be ignored. But what when it is user generated text, not HTML?…

Continue reading →