As a follow-up to Desert Island Discs, the team at work have been doing our top ten films, and this week was my turn. The only condition was that one of the ten had to be set in London. Once again, I’ll be buggered if I’m writing all this lot up and not turning it into a blog post.
( My Top Ten Films... )
Archive for the ‘Work’ Category
JavaScript and me
Posted on in Books, My Life, WWW, Work.I’ve been writing JavaScript for almost as long as the language has existed. My first “script” was a simple onMouseOver="window.status='Hello World'" affair back in the days of Netscape 2. I spent the dot.com years writing popup windows and hover images and scrolling boxes and other basic stuff. Then I took a break from doing much JavaScript – this almost exactly coincided with the years that some “proper” programmers took a a look at the language and applied a bit of rigour to it. So when I got back into JavaScript a few years ago I was way behind the curve.
I’ve managed to catch up a little and by using the jQuery library plus a few plugins I’ve done some quite cool things despite not having the sort of knowledge that real JavaScript pros have these days.
I’m a front end engineer, I’m not a “proper” programmer, I don’t come from a programming background and have had close to zero formal training. I only vaguely understand the principles behind object oriented programming and design patterns and so on and I think that I think that they are good things, but I have no real idea of how to apply them to my code.
Speaking of which, unminified it’s 70Kb, 1500 lines and growing. There’s a big refactoring job that needs doing there before it becomes impossible to maintain. But how to start?
Bookwise, I have Jon Resig’s Pro JavaScript Techniques and Douglas Crockford’s JavaScript: The Good Parts and a few others. Are there any others that I should be looking at? What about training? Web sites? Blogs I should be following? Where do I go from here?
crankyAny other Tuesday…
Posted on in Music, My Life, TV, WWW, Work.Today I …
- Had my photo used in a (gay) mockup of a what our Valentine’s Day homepage could look like.
- Had lots of fun combining Ajax, JSON, RSS, JSP and jQuery in various combinations.
- Moved the breadcrumb trail from just inside the main content area to just before it … in many, many templates.
- Wondered whether any of the ARIA landmark roles was suitable for a block that contained a breadcrumb trail, a print button and an RSS feed button.
contentinfoor nothing seem to be the options. - Told my boss that I needed to refactor all the JavasScript (that I had written in the first place) on the whole site.
- Wasn’t ill enough to go home to bed, maybe tomorrow. (Damn this really quite good immune system!)
- Boggled at the photos of Ben Dalby in a straight jacket!
- Spent most of Survivors thinking about the benefits of CGI vs something actually decent looking when it came to collapsing buildings.
My Decade Meme
Posted on in Blogs, Memes, My Life, The World, WWW, Work.2000
At the start of the year I was working Wicked Web in Clerkenwell, living in West Norwood and had been going out with
pink_weasel for six months. We went on holiday to Boston and Tennessee. WW moved office to Old Street in the spring. I went to Las Vegas for Andy’s stag weekend.
2001
I took Lettice to Budapest for her birthday. WW started laying staff off towards the end of the year.
2002
WW went into liquidation and hence I was made redundant. I became self-employed and started freelancing for many ex-WW clients. Went to the south of France with Lettice’s family – first time I’d ever seen the Mediterranean.
2003
I spent the first part of the year working on a site for the BBC. Towards the end of the year I started doing contract work via an agency which meant that I got a large refund from the tax man, eventually. I went on a falconry day and flew a Harris Hawk. I asked Lettice to marry me.
2004
I started this blog and spent several months working for the Home Office.
2005
I gave up freelancing and started work at Visit London. I started cross posting this blog to LiveJournal and joined LibraryThing and Last.FM. I moved house to larger flat, ten minutes down the road from the old one, and Lettice moved in. We got married and went on honeymoon in Canada.
2006
I learnt XSLT.
Lettice also started to work at VL. I joined Flickr
2007
Relaunched visitlondon.com with a new CMS, clocking up a stupid number of days off in lieu in the process. I did jury duty. I joined Facebook. We went to Dublin and Amsterdam.
2008
We went to Venice. I learnt JSP and jQuery. I joined Twitter
2009
We went to Barcelona and tried to buy a house. I grew a moustache for charity.
When pop-up blockers go bad
Posted on in Browsers, Computers, Work.We have an web application at work that’s used by thirty or so people, many of whom are non-technical. The application runs in the browser window and is a mixture of standard HTML forms and Java applets.
The most comment “it doesn’t work” message I get from users is caused when the application displays this message:
Unspecified error invoking method or accessing property “showWindow”
The pop-up blocker built into Internet Explorer seems not to like Java applets trying to launch new browser windows. It blocks these by default even though they are “requested” by the user via a click and not launched automatically by a sneaky script. I guess IE can’t or won’t work out what’s happened inside the applet before it calls out to create a new window.
Not once have the users noticed the yellow bar at the top of their browser window informing them that a pop-up has been blocked.
I can see the problem for browser producers – if you make the notification too prominent it becomes as annoying as the pop-up would have been; if you make it too subtle it goes unnoticed when the pop-up needs to be noticed.
Compounding the issue is that Internet Explorer seems to maintain three separate lists of trusted/permitted sites for privacy (i.e. cookies), security, and pop-ups. Would a master list of trusted sites with the ability to fine tune options on a site-by-site basis as an advanced option be easier to use? Or is the interface just leading me to the wrong conclusion? Oh well, maybe IE9 will streamline things.
Oh, and don’t get me started on the Google Toolbar’s pop-up blocker…
HTML5 and me
Posted on in WWW, Work.Part 1 of a few.
It seems that everyone has started talking about HTML5. I’ve recently converted sfsfw.org (still a work in progress) to HTML5 (ditto) and built a microsite at work in the language.
So, what parts of the brave new world am I embracing?
The new doctype
<!DOCTYPE html>, well that will save a few bytes per page. I’ve never tried to type a doctype from memory before, I’ve always cut and pasted from another project or from an authoritative source, but now I might just type it, saving a few seconds. I can’t help feeling that the lack of versioning information is a making a problem for the future (and let’s not get into the related area of all the things that HTML doctypes do/mean in comparison with what SGML or XML doctypes are meant to mean…).
The new character encoding
<meta charset="utf-8" />, again that will save a few bytes on those pages where I bother to include a meta tag rather than just trusting to the HTTP header (and I know why the belt and braces approach is useful, so long as they both tell the same story).
The new block level elements
<section>, <article>, <header>, <footer>, <aside> and <nav>. These are rather cool. Not immediataly earth shaking but they make code cleaner and debugging easier – less often will I be staring at </div></div></div></div> and wondering whether my current problem is caused by having too few or too many closing div tags.
The new input types
number, tel, email, url are already being used in several forms on visitlondon.com and it makes me smile ‘cos me and a handful of other Opera users get to see the benefit right now. I think these will be my favourite part of the new spec for some time to come.
There’s a lot more to HTML5. This isn’t meant to be a tutorial, just some personal observations and use cases. I’ll try to delve a bit deeper into how I’m using these pieces of code and why I’m using these but not others in future posts.
Antlers of Gormlessness
Posted on in My Life, Work.Just a quick one to point out that when you build a Christmas web site in October, sometimes things go a little strange…
November – houses, blogs & moustaches
Posted on in Blogs, Doctor Who, My Life, TV, Work.November has arrived accompanied by wind and rain and cold (and indeed a cold). How to spend the month?
Well mostly Lettice and I will be spending it buying a house. Or trying to. The other day we took a tame civil engineer to have a look round the place we’re hoping to buy (in a sort of “look for the massive faults before paying a surveyor” kind of way) and he could only see one potential problem. Fingers crossed that it isn’t.
Like last year, I’ll be taking part in NaBloPoMo as a form of half-hearted solidarity with the people who are attempting NoNoWriMo.

And I’ll be growing a moustache. Some banter in the office on Friday has somehow led to me agreeing at the last minute to take part in Movember. Now, despite having a silly name and being an Australian import, this is a very good cause so please make a donation. I promise to only post very occasional photos of the mo’s progress.
Finally I’ll be hiding from the bad weather and watching telly, not least Doctor Who which is back for a special on the 15th.
jQuery plugins I have known and loved
Posted on in WWW, Work.One of my goals over the last year has been to convert most of the JavaScript I use on visitlondon.com to use the jQuery library. One of the big advantages of jQuery is a library of pre-existing and thoroughly tested plugins for simplifying a lot of common tasks.
Here’s what I’ve been using; if you use jQuery, what plugins do you think are essential?
-
Obviously, jQuery itself, the latest version (which is 1.3.2 at the time of writing).
-
jQuery UI, the latest version (1.7.2) customised to contain just the core, draggable (see it action on the tube map[1]) and datepicker functionality. I have a project on the horizon where I’ll probably be using the full range of widgets and interactions.
-
Validation plugin, just starting to use this (see a simple example) but very pleased with it so far.
-
Mouse Wheel Extension, to enable mouse wheel based zooming of maps (see it in action)
-
jCarousel plugin, (see it action at the bottom of the page on our London Restaurant Festival site)
-
Flashembed plugin, I’m actually using an old version of this as I had to modify it to avoid clashes with some of our CSS but most of the modifications have now been done better in the new versions so I’ll probably be upgrading soon
- There’s a problem with Webkit powered browsers – if the item to be dragged is an image map then the mousedown action never reaches the drag code. Hence Chrome and Safari users will see a box with scrollbars instead on that page.
London Restaurant Festival
Posted on in Work.Launched a new site today for the first ever London Restaurant Festival. There’s also a blog and twitter. If you’re in or near London in October and like to eat then check it out.
hungry