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 ... more

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. Brought to you by The ... more

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. ... more

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 ... more

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 ... more

All That Glisters

Drew McLellan wraps up our 2017 series with a gentle reminder that in a rapidly moving industry, the best technology for the job isn’t always the newest. And while Christmas tradition tells us we should follow the bright star, sometimes the answer lies ... more

Knowing the Future - Tips for a Happy Launch Day

Phil Hawksworth dashes through the snow towards his launch deadline with some tips for easing the path to production. Going live can be a scary thing, but that shouldn’t be down to technical concerns.Nail your deployment early, don’t leave it to the ... more

Feeding the Audio Graph

Ben Foxall dives deep into the Web Audio API to serve up such well known Christmas hits as I’m Dreaming Of A White Noise Generator, and All I Want For Christmas Is 440Hz. Get ready to dance around your browser this season, because it certainly won’t ... more

Accessibility Through Semantic HTML

Laura Kalbag takes us back to basics to make sure we consider accessibility when structuring our HTML. The Christmas tree needs to be standing firm before we drape it in lights and tinsel, and until you lot start doing it, we’re not going to stop preaching ... more

Getting Hardboiled with CSS Custom Properties

Andy Clarke lifts the lid on Custom Properties, and adds a little spice with an elegant method for providing fallbacks for those with older browsers. Remember, at Christmas we all need to look out for our elders, be they friends, family or even just ... more

Christmas Gifts for Your Future Self: Testing the Web Platform

Rachel Andrew unwraps the unwanted gift of browser bugs with a look at getting started with the Web Platform Tests suite. Perhaps this Christmas you could contribute some tests and give your favourite browser bug a watch of wondering love. Brought to ... more

Teach the CLI to Talk Back

Anna Debenham sets out to humanise our interactions with the command line to put more of the user into the user interface. Like an injured hedgehog in the winter snow, sometimes we can all benefit from interacting with a human. Brought to you by With ... more

Styling Components - Typed CSS With Stylable

Bruce Lawson extracts the silver sixpence of CSS from the JavaScript figgy pudding with an open source tool designed to make building styled components a matter of process and not just convention. CSS at scale is challenging, and without good tooling ... more

Automating Your Accessibility Tests

Seren Davies reminds us that unlike Christmas, accessibility testing should not come but once a year with a look at how to apply automated testing. By configuring tests to run against each commit, you can ensure that your site’s accessibility compliance ... more

Levelling Up for Junior Developers

Dean Hume places another log on the fire, sets the poker back on its stand, pulls up and chair and gathers the junior developers around the hearth to impart some wisdom. Whether you’re just starting out or have been in the game some time, we can all ... more

Lint the Web Forward With Sonarwhal

Stephanie Drescher is making a list and checking it twice to introduce an open source web linting tool that will help identify parts of your site that are naughty or nice. So roll up your sleeves and brush up on your best practices – there’s websites ... more

Taking Device Orientation for a Spin

Drew McLellan wraps up our 2016 season with a look at the HTML5 Device Orientation API and how an annoying physical interaction can become an annoying virtual one. Like the silver sixpence in your figgy pudding, there’s treasure to be found in our browsers, ... more

Fairytale of new Promise

Mat Marquis puts on some festive tunes before recounting the tale of asynchronous JavaScript. Promises offer a robust way of structuring your code to avoid event-driven disasters of visitor-vexing jankiness. Don’t be stuck in queues this Christmas. You ... more

New Tricks for an Old Dog

Tom Ashworth pops a few mince pies in the oven to warm through as he shares with us experiences learned when on-boarding new front-enders into his team. From frameworks to refactoring, code reviews to componentisation, it’s got everything bar the brandy ... more

Front-End Developers Are Information Architects Too

Francis Storr delves deep into our HTML and considers if the choice and application of semantics in front-end code contributes in a meaningful way to the information architecture of our sites. Perhaps the true meaning of Christmas lies in the markup. ... more

New Tricks for an Old Dog

Tom Ashworth pops a few mince pies in the oven to warm through as he shares with us experiences learned when on-boarding new front-enders into his team. From frameworks to refactoring, code reviews to componentisation, it’s got everything bar the brandy ... more

Fairytale of new Promise

Mat Marquis puts on some festive tunes before recounting the tale of asynchronous JavaScript. Promises offer a robust way of structuring your code to avoid event-driven disasters of visitor-vexing jankiness. Don’t be stuck in queues this Christmas. You ... more

Front-End Developers Are Information Architects Too

Francis Storr delves deep into our HTML and considers if the choice and application of semantics in front-end code contributes in a meaningful way to the information architecture of our sites. Perhaps the true meaning of Christmas lies in the markup. ... more

HTTP/2 Server Push and Service Workers: The Perfect Partnership

Dean Hume pops on his gown and slippers and opens up his Christmas stocking to discover the high performance gifts of Server Push and Service Workers. It’s the gift that keeps on giving. Being a web developer today is exciting! The web has come a long ... more

HTTP/2 Server Push and Service Workers: The Perfect Partnership

Dean Hume pops on his gown and slippers and opens up his Christmas stocking to discover the high performance gifts of Server Push and Service Workers. It’s the gift that keeps on giving. Being a web developer today is exciting! The web has come a long ... more

First Steps in VR

Shane Hudson dusts the snow from his jacket and helps us take our first tentative steps into the gloomy world of virtual reality. So mark his footsteps good my page, tread thou in them boldly. Thou shalt find the virtual world spin thy head less coldly. ... more

First Steps in VR

Shane Hudson dusts the snow from his jacket and helps us take our first tentative steps into the gloomy world of virtual reality. So mark his footsteps good my page, tread thou in them boldly. Thou shalt find the virtual world spin thy head less coldly. ... more

Watch Your Language!

Annie-Claude Côté gathers us round the hearth to tell a tale of many languages. Like choosing the right Christmas sweater to wear while building a snowman, we must choose the language we code in wisely. Make a poor choice and risk getting left out in ... more

Watch Your Language!

Annie-Claude Côté gathers us round the hearth to tell a tale of many languages. Like choosing the right Christmas sweater to wear while building a snowman, we must choose the language we code in wisely. Make a poor choice and risk getting left out in ... more

How to Make a Chrome Extension to Delight (or Troll) Your Friends

Leslie Zacharkow presents the purrfect solution for anyone who’s ever dreamt of creating their own Chrome browser extension. So kick back, and while your chestnuts roast on an open fire, roast your friends and colleagues in an open tab. If you’re like ... more