Code

Chris Ferdinandi turns the heat down low and lets the sauce reduce while we take a look at how to add spice to our source with a sprinkling of Array.reduce(). Just a little ingenuity with the humblest of functions.

Chris Mills brushes up his shorthand and shows how the MediaStream Recording API in modern browsers can be used to capture audio directly from the user’s device. Inching ever closer to the capabilities of native software, it truly is an exciting time to be a web developer.

Rachel Andrew guides us through a tour of the last fifteen years in CSS layout, as manifested in articles here on 24 ways. From the days when Internet Explorer 6 was de rigueur, right up to the modern age of evergreen browsers, the only thing you can be sure of is that the web never stands still for long.

Colin Bendell gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web and through social media apps and search engines whenever an item of content on your site is referenced.

Mandy Michael turns the corner on our variable font adventure and stumbles into a grotto of wonder and amazement. Not forgetting the need for a proper performance budget, Mandy shows how variable fonts can free your creativity from bygone technical constraints.

Jason Pamental forges a path through the freshly laid snowy landscape of variable fonts. Like a brave explorer in a strange new typography topology let Jason show you the route to some fantastic font feats. Everything you thought you knew has changed.

Alan Dalton uses this, the International Day of Persons with Disabilities, to look back at where we’ve come from, to evaluate where we are, and to look forward to what’s coming next in the future of accessibility guidelines.

Amy Kapernick sings us through numerous ways of improving the robustness and reliability of our front end code with a comprehensive rundown of ideas, tools, and resources. The girls and boys won’t get any toys until all the tests are passing.

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?

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 share what you have, even if it’s just a grid of pixels.

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 excited for what lies ahead.

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 coming to the web platform soon.

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 ten points?

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

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.

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, and which just coal?

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.

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.

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

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 song sheet.

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 extend your browser of choice.

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 gigabytes for free, it’s time to rejoice in connectivity.

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

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 some of the darker parts of the forest.

Mina Markham brings a ray of hope that flitters in the sky with advice on refactoring an existing codebase into a design system. Greenfield projects are rare, so can we move forward with legacy styles in place? All across the land dawns a brand new morn, this comes to pass when a new design system is born.

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 be a silent night.

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

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

Stuart Robson tackles the thorny issue of integrating modern CSS Grid layouts into an existing design system, but in doing so reaps the benefits of leaner, more easily maintainable markup. It goes to show that with careful planning, there’s no reason old and new CSS layout methods cannot meet under the mistletoe.

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.

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.

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 you’ll soon be dousing it with cognac and setting the world alight.

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 need not be left to chance.

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 benefit from a little levelling up.

Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities. Remember, Christmas is a time of good will to all, no matter if you have difficulty seeing, hearing, reading, or just have a very shiny nose.

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 to fix.

Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down. It’s Christmas.

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, so dig in.

Jen Simmons points us in the direction of a useful but less well known CSS feature that becomes increasingly important when designing page layouts for a global audience. Like the wise men following the Star of Bethlehem, sometimes the best direction is given to us, not chosen.

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 might miss the main event.

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

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.

Sarah Drasner drops down on the sofa, turns on the TV and puts on some Christmas classics. Yes, it’s time to talk animation, and not just any animation, but how you prescribe and document animation in your design systems. Perhaps you’ll be moved to make some changes.

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.

Rachel Andrew opens the door on next generation CSS to bring us tidings of Grid joy. But rest not on your laurels, we must look to what comes next for the specification. Gold may be just around the corner, but whence will the frankincense and myrrh appear?

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.

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 the cold as the darkness draws in.

Richard Rutter shepherds a tea towel onto our collective heads and describes a technique for responsively scaling display text to maintain a consistent feel in both landscape and portrait screen orientations. That should put things back into proportion.

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.

Harry Roberts addresses the hastily-coded elephant in the room and helps us to identify what is technical debt, and what is just bad code. Hark the herald Harry sings, time for some refactoring.

Alicia Sedlock embodies the Ghost of Code Reviews Yet-to-Come with a call to start testing. Do you know your unit from your integration, your acceptance from your visual regression? And will you pass the ultimate Christmas test; are you naughty or nice?

Seb Lee-Delisle lights up our 2016 advent series with an illuminating guide to making your own Stranger Things style fairy lights to pick up messages from the upside-down (also known as the Internet).

Remy Sharp picks that old chestnut – tabs – and roasts it afresh on the open fire of JavaScript to see how a fully navigable, accessible and clickable set of tabs can work. Everybody knows some scripting and some CSS can help to make your website bright. Although it’s been said many times, many ways, please be careful to do it right.

Jonathan Snook considers the problem of container (or element) queries in the context of responsive web design and looks at the approach taken by current open source JavaScript solutions. Remember, no matter what size of box your Christmas gift comes in, it’s the thought that counts.

Eric Eggert celebrates the simplicity of making websites accessible and, when accessibility is as fundamental to a project as performance and code quality, how it can improve the experience for all users. The web, like a gleeful cheer of “Merry Christmas” at yuletide, is for everyone.

Rachel Andrew unwraps the new paradigms of web layout, comparing their features and showing how they can free us from grid-based, div-infested frameworks. Beautifully wrapped boxes look lovely under the Christmas tree, but we need to think and break out of them.

Ros Horner rings out a Christmas message for designers far and near of peace and goodwill to all, especially if they’re developers. With a rallying cry to take back control to see your own designs realised, young or old, merry or sober, the story is clear; as you design, so should you build.

Guy Podjarny sounds a sober warning during our festivities, and gathers some winter fuel to help secure your apps and users from the web’s occasionally cruel frost. So mark his footsteps good, my friend, and tread thou in them boldly. Thou shalt find the hacker’s rage freeze thy site less coldly.

Ethan Marcotte dashes through the wintry landscape, his sled of flexboxed content drawn faithfully by a team of well-ordered hierarchical HTML huskies. For when it comes to structure and presentation, we must take care not to put the sleigh before the hounds.

Emma Jane Westby cracks open the door on Santa’s workshop to investigate what lessons can be learned about git rebase from the elves (or subordinate clauses if you will). Take what you can from their workflow, but don’t feed them too many mince pies; it’s bad for their ’elf.

Ruth John breaks out of the browser and projects a Christmas sound and light show with some JavaScript, the Web MIDI API and a portable A/V pack. Don’t make a spectacle of yourself at the party this year – take it outside!

Jack Franklin darns the holes left in our applications by exploring how our client-side JavaScript frameworks might also be run on the server to provide universal support for all types of user. How will you react when you see mommy kissing Server Claus?

Paul Lloyd perches his partridge in the CSS pear tree to discuss naming methodologies, ontologies and semantics. What’s in a name? That which we call a cherub by any other name would smell as sweet.

Sara Soueidan shows us three ways to create icon sprites using SVG: with HTML, CSS and, perhaps most powerfully, fragment identifiers. SVG has come on leaps and bounds this year – will you do the same in 2015?

Sally Jenkinson asserts that responsive design isn’t just about displaying content on multiple devices – we can also respond to users’ contextual needs to enhance experiences. When the snow lies deep and crisp and even, you’re gonna need a bigger boot.

Jeremy Keith leads us gently back to the basics of progressive enhancement with a simple navigation example. Ask yourself: does Christmas need to look exactly the same in every browser? Nope. Well, as long as you’re reading 24 ways…

Josh Emerson extols the virtues of progressive enhancement by acknowledging the need for speed, in both website rendering and interaction. With a new year imminent, there never was a better time to look backwards and forwards.

Jack Franklin introduces ECMAScript 6’s module system with some tools to help us start using this powerful new JavaScript functionality of tomorrow right now. Always good to be ahead of the game – sorted out your Christmas shopping yet?

Emma Jane Westby exercises her poetic sensibility to help us understand how Git commands can help us out of sticky situations. Quite soon you’ll turn that clatter on the roof into the prancing and pawing of each reindeer hoof.

Chris Coyier grabs Grunt by the snow-white fur of its Santa suit and places it firmly (but gently) in your webdev grotto to dish out its Christmas gifts — and maybe even chuck you under the chin and sit you on its broad and comfy knee. Not at all creepy. No. Nope.

Harry Roberts prepares for Christmas by squirrelling away experiments and drafts in private Git repositories, and here he neatly explains how he puts it in his pantry with his cupcakes. Once you’ve stuffed a stocking, most of all you’ve got to hide it from the kids.

Tom Ashworth exhorts us to become more familiar with JavaScript so we can better understand and use new tools like Node and Grunt — it’s always the box the gift comes in that’s more useful and fun, right?

Emma Jane Westby recommits us to version control by pushing a more mature approach to Git that merges relevant application with practical tips. Christmas might be for the children, but learning is for everyone, in[n]it?

Charlie Perrins reminds us of a fundamental requirement of our work: accessibility; and that there’s more to accessible interfaces than screen readers. Want to unplug at Christmas? Start with your mouse and don’t look back.

Ruth John ushers the Christmas party disco online using the Web Audio API to festoon your browser with some twinkling scripted lights that pulse along with your favourite festive tunes. So don’t be a wallflower — Santa’s up all night to get lucky…

Drew McLellan opens 24 ways’ ninth annual advent calendar with a primer on the sometimes arcane lore of rewriting URLs. But while Drew may ably match URL patterns using regular expressions, that shirt with the snowflake pattern clashes hideously with his holly and ivy tie…

Nathan Peretic weighs the page refresh in the balance and finds it wanting – wanting to be brought up to date, that is, with some future CSS sparkle.

Brian Suda packs his compass and map (well, his smartphone) to guide us all home for Christmas. And there’ll be one jolly fellow who’ll find this little web app useful on that annual 24-hour world trip.

Rachel Andrew unwraps the CSS3 grid layout module and sets out how its new properties can break the ties between source order and layout, and rescue us from the quaking ground of floats. Support is limited to IE10 right now, but Christmas and New Year are times for looking forward to the future.

Brendan Dawes raids his Christmas stocking early and shares some interesting and useful code snippets for you to grab, remix and combine into new things for 2013.

Nathan Ford delves deep into the sack of CSS goodies and rewards our attention with a clever object-oriented, scalable and modular approach to attribute selectors. Old wine in new bottles.

Les James proposes an alternative to the fully fluid grid as an approach to responsive layout challenges. Sprinkle on some Sass fairy dust and, providing you’ve been good this year, watch your creation spring to life.

Paul Robert Lloyd engages with the two main approaches to the matter of responsive images and finds them wanting. Could “Bah, humbug!” be a reasonable response to markup excess?

Val Head marshals overexcited CSS transitions and animations, which are like naughty children elbowing their way out of the presentation layer and into the behaviour grotto to get at the goodies before Christmas. Santa will be pleased!

Rachel Nabors brings together the web’s three Magi – HTML, CSS and JavaScript – to create seamless, soundtracked animations in the browser.

Drew McLellan invites you to pull up to the 2012 24 ways bumper, baby, with an neat JavaScript solution to an HTML5 <video> branding problem. And that was “24 ways bumper” not “Christmas jumper”. He has enough of those already.

Lea Verou unlocks the mysteries of CSS background gradients and investigates how they can be used more creatively to replace images. You’ll soon rather be throwing shapes at work than the Christmas party dance floor.

Scott Kosman administers an optimizing shot in the arm to your seasonally sluggish jQuery with some simple ways to improve performance. Get your jQuery running so fast that Dasher, Dancer, Prancer, Vixen, Comet, Cupid, Donner and Blitzen will struggle to keep up.

Jon Hicks slips the lambswool cardy of minimal markup beneath the stout tweed of CSS to discuss the elegant and practical potential of icon web fonts. Make simple, scalable icons on links, buttons and menu bars the port to your site’s stilton this Christmas.

Drew McLellan dazzles us with the creative typographic possibilities of unicode-range, a little-used property of @font-face declarations. More than just a unloved bauble on the CSS Christmas tree, unicode-range can extend a site’s typography in useful and eye-catching ways.

Brian Suda ponders some techniques for maintaining correct color contrast whilst still offering your users the ability to customise their own color scheme. So put your slippers on, kick back with a sherry and let the algorithms do the work.

Ethan Marcotte explains the theory and practice of CSS gradients, separates the duelling syntaxes and wields a mean color-stop. No longer will gradients confound, baffle or frustrate. Just leave the rainbows to the unicorns.

Sarah Parmenter reminds us that visual design for iOS devices involves more than just a smattering of CSS media queries. With a few extra steps, you can make your iPhone site work harder and put yourself in Santa’s good books.

Dan Mall breathes life into web standards-based animation. By striving for more than just mechanical movement, we can create more believable animated effects to enhance our users’ experience.

David DeSandro breaks on through to the third dimension with an in-depth look at CSS 3-D transforms and the new opportunities they offer to web designers. Go dancing on the Z-axis this party season!

Scott Schiller sounds out the possibilities of HTML5 audio, listening carefully to arguments about competing formats and the quirks in current implementations. When will we hear the sleigh bells in the snow on your website?

Christian Heilmann unwraps local storage, one of HTML5’s very useful new features. Speed up web services and cache frequently accessed data or even an application’s whole interface – local storage isn’t just for Christmas.

Inayaili de León shares her Christmas CSS wish list with us: from adjusting alternative font sizes to flexible box layouts, Santa’s little helpers will be kept very busy finding it all. And what’s on your list this year?

Richard Rutter expands our horizons with a guide to using the WebFont Loader. Whether you’re happy with a FOUT (in Firefox and Opera) or want to eliminate it (like Safari, Chrome and IE), Richard shows us how to avoid inconsistent user experiences.

Drew McLellan opens our 2010 season by revisiting the way we implement maps to cater for all types of visitors. Should we be building all-or-nothing solutions when it comes to mapping, or can progressive enhancement play its part here, too?

Rachel Andrew illustrates how, as more modern browsers come online, CSS3 selectors can be used to get some of the junk out of our front and back-end code, and how JavaScript can be used to provide a fall back for older browsers.

Jonathan Snook picks up our theme of font embedding with some ideas on how to reduce font download sizes and load time to lessen the impact of the Flash Of Unstyled Text. The less flashing the better, if you ask me.

Christian Heilmann uses the Yahoo! Query Language to assert that we already have a content management system in the form of the web. YQL unifies interfaces and combines requests to make working with APIs much easier.

Tim Van Damme continues our advanced CSS theme by introducing what can be done in Webkit browsers when things start to get animated. Get ready to put some motion in your ocean.

Natalie Downe segues seamlessly onto the subject of CSS 3 transforms and transitions with some examples of how a little CSS magic and a modern browser can bring what might otherwise be a flat layout to life.

David Greiner offers invaluable insight into building HTML emails. Just like HTML for the web, email requires an intimate understanding of the software used to view your work. Allow Dave to share from his wealth of experience.

Jeremy Keith issues a call to arms over how passages of dialogue are marked up in HTML, and more specifically, in HTML5. Stand firm, good designers and developers of the web, and don’t let poorly worded specs lead the people astray!

Patrick H. Lauke returns our focus to accessibility, and in particular to styling sites to be usable by visitors browsing with something other than a mouse. All this, whilst still maintaining aesthetic appeal.

Trevor Morris runs us through how JavaScript can be designed to take its configuration directly from your markup. Using the model of a jQuery plugin, learn how adding a simple class name can control how your code functions.

Bruce Lawson takes us a little further down the rabbit hole of HTML5. This week we’ve seen a glimpse of some of the great stuff coming, but how much of it can we start using right away? Luckily we have Bruce on hand to explain.

Inayaili de León introduces some of the new form field types available in HTML5, and then goes on to look at some more advanced CSS3 techniques which can be used to keep your forms looking sharp and ship shape.

Remy Sharp takes us by the hand and guides us through our first steps into the web applications side HTML5 with a look at web storage and offline applications. You’ll need a nice modern browser and some Kendal Mint Cake.

Drew McLellan kicks off our 2009 season with a look at some of the tools CSS3 provides for applying levels of transparency to colour values, enabling you to avoid weighing down a site design with heavy PNG images.

Dan Rubin pops down the chimney to deliver a neat little CSS gift that, in certain circumstances, could be just the trick needed to obtain those matched height columns so often desired. Whilst no technique is perfect for every situation, the more sharp tools we have in our CSS toolbox the better.

Ben Ward walks us through the process of building a small client-side application using the Fire Eagle API. Yahoo’s Fire Eagle is a service for disseminating details of your location physical location to other services on the web. Ben shows us how such a thing can be made useful.

Brian Suda mooves us up a gear with a look at using the Moo API for print-on-demand services. No web application is an island, so well written APIs can be a great way to hook into specialist services with the very minimum of effort. With a few simple steps, print can be one of those services.

John Allsopp has a shining example of what can be done to customise the look of HTML buttons without resorting to images. Custom button styles are a frequent request, but the use of images can heavily restrict the implementation. Avoid those pitfalls by sticking to pure CSS.

Kevin Yank gets down and dirty with CSS tables, a technique that offers all the layout properties we loved from long forsaken HTML tables with the clear advantages of modern CSS based design. Remember, just because it looks like a table and flows like a table, doesn’t mean it has to be bad.

Elliot Jay Stocks steps us through publishing a set of contact details using the hCard microformat. Once the basics are in place follow along as we add some sparkle with the aid of CSS3 web fonts, text-shadow, border-radius and first-child selectors.

Jeremy Keith does the maths and presents an interesting equation to help you to decide when to put the effort into providing support for Internet Explorer 6, and when to fall back on pre-existing shortcuts. Browser support is always a tricky business, so why not roll in some complex algebra too?

Christian Heilmann introduces a handy ‘build your own search’ web service from Yahoo that enables ordinary developers to harness Yahoo’s search technology for their own sites and web applications. Roll your sleeves up and get ready for some code.

Jonathan Snook introduces us to the world of Adobe AIR and talks us through using standard web technologies such as HTML, CSS and JavaScript to build a run-anywhere desktop application. I used to think I could run anywhere, but after sprinting through the town centre naked, the antisocial behaviour order has rather put a stop to all that.

Christian Heilmann delves into the world of JavaScript application dependencies with a smart technique to help manage the loading of parts of your application as and when needed. Just as Santa only loads the presents he needs for each trip into his sleigh, keep your loading lean and the reindeer will thank you.

Ethan Marcotte explores methods of delivering browser-tailored CSS to uncooperative user agents if the need arises. Like the brightly coloured, ill-fitting sweater granny gave you last Christmas, there’s some styles that are only appropriate in certain company. Choose wisely, my friend.

Simon Willison gets practical with microformats and the jQuery JavaScript library to demonstrate how data can be unobtrusively extracted from a page and plotted on a slippy map (like the ones we built the other day). See – it all links up. We think about this stuff.

Matthew Somerville takes us behind the scenes with a peek at how reindeer tackle internationalisation issues client-side. A tongue-in-cheek article with a serious message and a practical method for approaching internationalisation within JavaScript. Howzat?

Mark Norman Francis leaves no stone unturned in the quest for better markup. Today’s target is the humble, yet oft-abused definition list. Help the suffering stop this Christmas. With your help, the definition list can rebuild its life and learn to be happy again. We’re counting on you.

Stuart Langridge ponders that if a desktop application can warn us when Caps Lock is on, why not on the web too? Avoid unsightly login errors with this handy JavaScript technique, offering the opportunity to warn users that they have Caps Lock on when entering their password. You don’t have to tell me twice.

Elliot Jay Stocks demonstrates how, with careful selection, an image can be manipulated so that it can repeat for as long as necessary. Like a 30lb turkey, just when you think it’s gone, there’s always a little bit more.

Andrew Turner helps us take our first steps into neogeography by creating interactive, draggable maps using the Mapstraction library. So if you’re aiming to mash-up more than swede and carrots over the holidays, or simply need to plan an effective pub-crawl there should be something here to get your chestnuts roasting.

Drew McLellan kicks off our 2007 festive season by revisiting the thorny issue of support for alpha channel PNGs in Internet Explorer 6. Why not be charitable and lend a helping hand to those poor IE6 users? They could use some Christmas cheer.

Derek Featherstone contemplates the effects that the lack of CSS or JavaScript may have on your scripts. Let the spirits of Christmas past, present and future guide you so that your scripts needn’t give up the ghost in the face of adversity.

Nate Koechley demonstrates how the compact and powerful YUI Grids stylesheet can be used to conjure up all manner of layouts from the simple to the complex. Take it easy over the festive period, and let the YUI Grids do all the hard work for you.

Jeremy Keith appraises the humble hyperlink and highlights some of the more interesting, and perhaps lesser-known attributes that can be used to enrich the semantic value of your links. Consider it something to mull over whilst you polish off that gingerbread.

Shaun Inman reveals a powerful method for keeping light-on-dark text looking lean, mean and fighting clean. Stay looking trim this Christmas with tantalising tree-topping typography trick from the internets’ Mr Cool himself.

Drew McLellan investigates some of the ways JavaScript can be written to help it co-exist responsibly within your pages, and other pages too. We could all do with a little bit more peaceful co-existance over the holidays, couldn’t we auntie. Pass the gravy.

Mark Norman Francis looks at the increasingly ubiquitous tag cloud, and specifically how it can be marked up in HTML. It’s evidentially not a clear-cut issue, as everyone does it differently. What we need is some kind of markup junkie to weigh in with his suggested method. Oh, wait…

Ian Forrester gives an introduction to using XML’s forgotten child, XSL, as a client-side transformation language. Like a warming wooly scarf against the biting winter wind, Ian shows how XSL can be used to take the edge of even the ugliest XML documents to make them beautiful again. Thou shalt find the winter’s rage freeze thy blood less coldly.

Peter-Paul Koch continues our focus on JavaScript and Accessibility by demonstrating how fall-back HTML elements can be convincingly hidden when their functionality is to be replaced by Ajax. A viable alternative to what could be considered to be flashing your underwear at your users. No one wants that.

Andy Budd explores the thorny issue of adding rounded corners to boxes, this time looking at what solutions lie waiting for us with CSS3. Consider it a little like feeling the presents under a Christmas tree … you know what’s there, you just can’t quite have it yet.

Christian Heilmann frolics with Flickr and provides a super simple way of using photos on your site without the need for server-side scripts or the full API. Want to bore the internets with pictures of your cat? Well now you can, without even touching the server, Gran.

Drew McLellan examines a method of enabling users to control their interface with a dynamic text trimmer, similar to that found in Safari RSS. Feeling bloated? Lose some weight at the touch of a button.

Shaun Inman concludes our series by detailing a technique for executing JavaScript returned by an Ajax call without using eval(). Remember kids, Christmas Eve is when Ajax comes calling, so leave out some sherry and mince pies. Tonight we feast.

Drew McLellan follows on from Day 1’s simple Ajax tutorial by taking the next steps and building a Flickr-style text edit-in-place system. Crank your Ajax dial up to 11 and get stuck in. Ding dong!

Derek Featherstone considers the difference between decorative and informational graphics and how each is best approached, particularly with regard to accessibility. Make sure you know what you’re doing next time you decide to deck the halls.

Jonathan Snook investigates combining a full range of table elements and CSS to create more attractive data tables. Forget about decorating the dinner table for a week, and get styling those data tables.

Dustin Diaz introduces a technique for server-side style sheet switching without reloading the page. Using Ajax, the Unobtrusive Degradable Ajax Style Sheet Switcher combines the convenience of client-side switching with the robustness of processing at the server.

Kimberly Blessing examines some common hacks used to deliver specific CSS rules to the stylistically-challenged Internet Explorer. With the forthcoming arrival of IE7, unchecked hacks could really knock the stuffing out of your turkey, so let us guide your sleigh tonight.

Patrick H. Lauke concocts a rather handy little JavaScript function to help you stripe your tables, lists, bathroom, you name it. And there you were thinking the only stripy thing you were getting for Christmas was a sweater. How little do you know.

Roger Johansson returns to first principles and considers the fundamental differences between Transitional and Strict DOCTYPEs, as well as some of the common mistakes made when dealing with each. A timely reminder of the fundamentals can never go amiss.

Michael Heilemann dabbles with the Script.aculo.us JavaScript effects library to demonstrate how easily powerful effects can be added to enhance interactivity. Thought you were all that now you can do some Ajax? Turns out you’re not so hot, big boy, so get your chops around this.

Andy Budd studies the slightly maligned CSS attribute selector to see how it can be used productively despite incomplete browser support. If I had to select one of Andy’s attributes it would be his compassionate demeanour, but that’s by-the-by.

Drew McLellan takes a quick look at a simple method of styling navigation so that the correct item shows selected on each page. It’s a really simple idea, but extremely effective, and quite a time-saver to boot.

Ethan Marcotte delves headlong into the sticky issue of centered, list-based tab navigation with remarkable verve and compelling results. Snuggle up by the fire with a hot toddy and a moist companion, for today’s tip is freshly ironed for sir’s pleasure.

Simon Willison gets down and dirty with JavaScript and explains why caution should be exercised in use of the eval() function. It may be the season of good will and all, but we can’t have our caution getting all flabby now, can we?

Drew McLellan takes a practical look at the hCard microformat and how easily it can be added to existing markup. He then stops talking about himself in the third person to convince the crowd that it’s not just all hype. Baby.

Jeremy Keith is a man of many words – most of them stolen. Thanks to this nifty technique for enhancing the display of block quotes, at least you’ll know where he got them from. But don’t quote me on that.

Rachel Andrew discusses an approach to rapid and reliable CSS development. Save hours of layout work and testing on your next CSS build – time that could be better spent roasting chestnuts or baiting children.

Ian Lloyd looks at how DOM Scripting can help out with an uncomfortable accessibility issue. Form field labels can be tricky to implement in some cases, but with a little ingenuity Ian demonstrates how a balance can be struck.

Drew McLellan talks us through how to get going with some quick and easy Ajax using the freely available Prototype JavaScript library.