Making a Better Custom Select Element

Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user? | Continue reading


@24ways.org | 4 years ago

Dynamic Social Sharing Images

Drew McLellan draws this, our fourteenth season to a gentle close by getting a little Inside Snowball and gives an account of how we put the robots to work in generating custom dynamic social media sharing images for each of the articles here on the site. Christmas is a time to s … | Continue reading


@24ways.org | 5 years ago

Designing Your Site Like It’s 1998

Andy Clarke tells a tale as old as time, a tale of tables, framesets, fixed widths and spacer GIFs (ask your parents). Harking back to the methods that were appropriate to used to build cutting-edge websites twenty years ago, not only can we see how far we’ve come but can be exci … | Continue reading


@24ways.org | 5 years ago

How to Use Audio on the Web

Ruth John lets the bells ring out for Christmas with a look at a selection of inspiring sites with creative and effective use of audio. The days of jangly MIDI tunes to distract and annoy are thankfully long behind us, with browser APIs offering new and exciting ways to generate … | Continue reading


@24ways.org | 5 years ago

Jank-Free Image Loads

Eric Portis remembers that images on the web, just like presents under the tree, come in different shapes and sizes. There’s little more disappointing than unwrapping a large-looking gift to find that it’s mostly packaging. Avoid expectation-jank with some great enhancements comi … | Continue reading


@24ways.org | 5 years ago

Clip Paths Know No Bounds

Dan Wilson throws some Christmas shapes and gives us a run down of different ways to use CSS polygon clip paths to create interesting a flexible shapes with less code that you might have thought. It may be the time of year to follow a star, but was the star plotted with five or t … | Continue reading


@24ways.org | 5 years ago

Fast Autocomplete Search for Your Website

Simon Willison searches for the true meaning of Christmas, but settles on making a search engine for our articles on 24 ways. In doing he so demonstrates how a little bit of JavaScript, some open source tools and a sprinkling of database magic can make your festive dreams come tr … | Continue reading


@24ways.org | 5 years ago

Fast Autocomplete Search for Your Website

Simon Willison searches for the true meaning of Christmas, but settles on making a search engine for our articles on 24 ways. In doing he so demonstrates how a little bit of JavaScript, some open source tools and a sprinkling of database magic can make your festive dreams come tr … | Continue reading


@24ways.org | 5 years ago

Develop Your Naturalist Superpowers with Observable Notebooks and iNaturalist

Natalie Downe gathers the forest creatures in from the cold and shows them how some clever combining of an inquisitive mind and a JavaScript API can produce some amazing results. | Continue reading


@24ways.org | 5 years ago

It’s Beginning to Look a Lot Like XSSmas

Anna Debenham picks up the reins to continue our journey of understanding in the dark forest of web security. With so many packages the reindeer are struggling to pull the sleigh against the weight of all those dependancies. The question is, which packages hold wonderful gifts, a … | Continue reading


@24ways.org | 5 years ago

The System, the Search, and the Food Bank

Lisa Maria Martin sorts the nuts from the berries by finding what lessons can be learned about our digital content from a few hours spent volunteering at the local food bank. When push comes to shove, do you know your broth from your biscuits and your pasta from your pulses? | Continue reading


@24ways.org | 5 years ago

Designing Your Future

Christopher Murphy channels the Ghost of Christmas Yet-to-Come by not just look into the future, but shaping the form it takes. By taking action now you can affect the outcome down the road, making all the difference when it comes to a big life change such as leaving full time em … | Continue reading


@24ways.org | 5 years ago

Designing Your Future

Christopher Murphy channels the Ghost of Christmas Yet-to-Come by not just look into the future, but shaping the form it takes. By taking action now you can affect the outcome down the road, making all the difference when it comes to a big life change such as leaving full time em … | Continue reading


@24ways.org | 5 years ago

Researching a Property in the CSS Specifications

Rachel Andrew shows us which direction is up on a gift that looks great but comes with complex instructions. Like most operating manuals CSS specifications can seem overwhelming, but it turns out that some of the most daunting tasks can be simple when you know what you’re doing. | Continue reading


@24ways.org | 5 years ago

Inclusive Considerations When Restyling Form Controls

Scott O’Hara hogs the remote while he looks into the ever-present issue of custom form controls. We might brute-force an element to take on the styling we’re looking for, but will that interaction still make sense for all users? Let’s give the batteries a rub and find out. | Continue reading


@24ways.org | 5 years ago

Inclusive Considerations When Restyling Form Controls

Scott O’Hara hogs the remote while he looks into the ever-present issue of custom form controls. We might brute-force an element to take on the styling we’re looking for, but will that interaction still make sense for all users? Let’s give the batteries a rub and find out. | Continue reading


@24ways.org | 5 years ago

The (Switch)-Case for State Machines in User Interfaces

David Khourshid pops the cookies in the oven, and while they bake, introduces the concept of state machines and how they can help in the design of user interfaces. Pour yourself a glass of mulled wine to mull it over with, but careful not to drink too much and get yourself into a … | Continue reading


@24ways.org | 5 years ago

Turn Jekyll up to Eleventy

Paul Lloyd assembles a heavenly host of cherubs to sing the virtues of the Eleventy static site generator. By looking at how it compares to the familiar Ruby-based Jekyll (which we have espoused the virtues of here before), he may have you humming its tune for this season’s holid … | Continue reading


@24ways.org | 5 years ago

Build up Your Leadership Toolbox

Mazz Mosley hands out the sheet music, gives a quick blast on a pitch pipe, and counts us in with a rousing chorus to remind us that leaders are made, not born. Just like a good box of chocolates, styles of leadership come in all shapes and flavours, each with its own function an … | Continue reading


@24ways.org | 5 years ago

Surviving—and Thriving—as a Remote Worker

Mel Choyce harnesses the huskies of hard toil to the sled of flexibility to slide off to a location of her own choosing. In a time when it makes less sense than ever to all be cooped in the same room staring at our magical screens, Mel offers up words of wisdom on how to survive, … | Continue reading


@24ways.org | 5 years ago

What I Learned in Six Years at GDS

Anna Shipman looks back across the wintery landscape to her time spent working on the UK’s Government Digital Service. Like the busy elves in Santa’s workshop, government digital workers toil tirelessly for the benefit of people everywhere. The very best of them, however, also sh … | Continue reading


@24ways.org | 5 years ago

Managing Flow and Rhythm with CSS Custom Properties

Andy Bell rings out a call for a more flexible method of achieving consistent vertical rhythm across components within a page. Using a technique of CSS custom properties to establish spacing inherited through the cascade, you can make sure your choir are all singing from the same … | Continue reading


@24ways.org | 5 years ago

Be the Villain

Eric Bailey asks us to take on the role of King Herod in our projects to consider how the products, services and processes we design could be abused to cause harm rather than to do good. No matter how good our intentions, we must remember that not every user has pure motivations … | Continue reading


@24ways.org | 5 years ago

Creating My First Chrome Extension

Jennifer Wong takes the good stuff down from the shelf and pours out a generous measure of know-how on the subject of creating extensions for Google Chrome. Pull up a chair and get ready to find out how the HTML, CSS and JavaScript skills you already possess can be put to use to … | Continue reading


@24ways.org | 5 years ago

Mistletoe Offline

Jeremy Keith reminds us that 4G is king. The carollers sing. One tunnel has passed, a new one’s beginning. Dreams of wi-fi on the go. Fingers numb, smart phones aglow. It’s Christmas time, mistletoe offline. Children streaming their gameplay online. With batteries on fire and gig … | Continue reading


@24ways.org | 5 years ago

Securing Your Site Like It’s 1999

Katie Fenn opens the door on our 2018 season by transporting us back to the turn of the century when new lessons were being learned about web security. Those who don’t learn from the past are condemned to repeat it, so fasten up your winter coat and let Katie lead you through som … | Continue reading


@24ways.org | 5 years ago

Web Content Accessibility Guidelines 2.1—for People Who Haven’t Read the Update

Alan Dalton reaches for the glistening box of accessibility guidelines under the tree and unwraps them, taking his time to explain each carefully as he does so. Born unto you is a new guideline, and its name shall be called WCAG. | Continue reading


@24ways.org | 5 years ago

The Art of Mathematics: A Mandala Maker Tutorial

Hagar Shilo breaks out the Christmas decorations with a tutorial to show how a little knowledge of JavaScript can lead to impressive results. Forget about the doilies and fake snow on the windows, all we need to create geometric patterns is a web browser and a sprinkling of mathe … | Continue reading


@24ways.org | 5 years ago

Securing Your Site like It’s 1999

Katie Fenn opens the door on our 2018 season by transporting us back to the turn of the century when new lessons were being learned about web security. Those who don’t learn from the past are condemned to repeat it, so fasten up your winter coat and let Katie lead you through som … | Continue reading


@24ways.org | 5 years ago