iPuzzler: Building a Pure JavaScript Web Component

From time to time, I create cryptic crossword puzzles, just for fun. I wanted a way to publish interactive puzzles on the web, and although there’s an open data format, iPuz, for crossword puzzles, when I looked around last year, I couldn’t find an easy way to publish iPuz puzzles on the web - so I created one.

iPuzzler is a pure JS web component that renders iPuz puzzles in a browser. In this talk I’ll explain how I built it - from working with JS modules and the shadow DOM, to simulating events, unit testing, inlining CSS, and why I chose to create it using pure JavaScript instead of using a framework. You might even learn a thing or two about cryptic crosswords along the way.

---

Other talks by Dylan Beattie

Hi there. I'm Dylan.

I do interesting things with computers, code, comedy, music and video, then I travel all over the world and tell people about it. I provide software training and consultancy through my company Ursatile. I'm a keynote speaker, I'm a Microsoft MVP, I created Rockstar, an esoteric programming language that started as a joke and ended up in Classic Rock magazine, and I own the best web address in the history of the internet.

Conferences & Events

Here's where I'm hoping to be over the next few months:

Where I'm Going:

Where I've Been

see all past events

All subject to change, cancellation, virtualisation, postponement, rescheduling and other side-effects of Living In Interesting Times.