24ways.org Open in urlscan Pro
94.130.106.74  Public Scan

Form analysis
1 forms found in the DOM

/search/

<form class="c-search" role="search" id="search" action="/search/">
  <fieldset class="c-field">
    <legend class="u-hidden">Search 24 ways</legend>
    <label class="u-hidden" for="q">Keywords</label>
    <input class="c-field__input" type="search" id="q" name="q" placeholder="e.g. CSS, Design, Research…">
    <button class="c-field__button" type="submit"><svg class="c-field__icon" width="20" height="20" viewBox="0 0 200 200" focusable="false" role="img" aria-label="Search">
        <path role="presentation" d="M129 121C136 113 140 102 140 90c0-28-22-50-50-50S40 63 40 90s22 50 50 50c12 0 24-4 32-12L158 164l7-7-36-36zM90 130c-22 0-40-18-40-40s18-40 40-40 40 18 40 40-18 40-40 40z"></path>
      </svg>
    </button>
  </fieldset>
</form>

Text Content

Skip to content

24 ways to impress your friends

Search 24 ways Keywords
 * Business
 * Code
 * Content
 * Design
 * Process
 * UX

 * Archives
 * Authors
 * About


2019

24 ways is the advent calendar for web geeks. For twenty-four days each December
we publish a daily dose of web design and development goodness to bring you all
a little Christmas cheer. Learn more


 1.  THE ACCIDENTAL SIDE PROJECT
     
     Drew McLellan
     
     Drew McLellan puts the chairs up on the tables, sweeps the floor, and
     closes off our season, and indeed the entire 24 ways project with a look
     back at what it’s meant to run this site as a site project, and what impact
     side projects can have on the work we do. Will the last one out turn off
     Christmas the lights?
     
     24 Dec 2019


 2.  FOUR WAYS DESIGN SYSTEMS CAN PROMOTE ACCESSIBILITY – AND WHAT THEY CAN’T DO
     
     Amy Hupe
     
     Amy Hupe prepares a four bird roast of tasty treats so we can learn how the
     needs of many different types of users can be served through careful
     implementation of components within a design system.
     
     23 Dec 2019


 3.  USABILITY AND SECURITY; BETTER TOGETHER
     
     Divya Sasidharan
     
     Divya Sasidharan calls into question the trade-offs often made between
     security and usability. Does a secure interface by necessity need to be
     hard to use? Or is it the choice we make based on years of habit? Snow has
     fallen, snow on snow.
     
     22 Dec 2019


 4.  FLEXIBLE CAPTIONED SLANTED IMAGES
     
     Eric Meyer
     
     Eric Meyer gift wraps the most awkwardly shaped of boxes using nothing but
     CSS, HTML and a little curl of ribbon. No matter how well you plan and how
     much paper you have at your disposal, sometimes you just need to slant the
     gift to the side.
     
     21 Dec 2019


 5.  THERE IS NO DESIGN SYSTEM
     
     Jina Anne
     
     Jina Anne silences the night to talk about how we talk about Design
     Systems. Can the language we use impact the effectiveness of the solution?
     Fear not, if mighty dread has seized your troubled mind. Design systems of
     great joy we bring to you and all mankind.
     
     20 Dec 2019


 6.  A MODERN TYPOGRAPHIC SCALE
     
     Rob Weychert
     
     Rob Weychert reaches for the top notes to sing us a song of typographic
     scale. A little attention to scale and to the mathematics will help you to
     hit a high note with your designs this Christmas and beyond.
     
     19 Dec 2019


 7.  FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONE BORING WAY)
     
     Chris Ferdinandi
     
     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.
     
     18 Dec 2019


 8.  BUILDING A DICTAPHONE USING MEDIA RECORDER AND GETUSERMEDIA
     
     Chris Mills
     
     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.
     
     17 Dec 2019


 9.  A HISTORY OF CSS THROUGH FIFTEEN YEARS OF 24 WAYS
     
     Rachel Andrew
     
     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.
     
     16 Dec 2019


 10. MICROBROWSERS ARE EVERYWHERE
     
     Colin Bendell
     
     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.
     
     15 Dec 2019


 11. DESIGN TOKENS AND COMPONENT BASED DESIGN
     
     Stuart Robson
     
     Stuart Robson rolls up his sleeves and begins to piece together the jigsaw
     puzzle that is design tokens and component based design. Starting with the
     corners, and working around the edges, Stu helps us to piece together a
     full picture of a modern design system.
     
     14 Dec 2019


 12. ART DIRECTION AND THE NEW WORDPRESS EDITOR
     
     Mel Choyce
     
     Mel Choyce explores how the new WordPress editor (also know as Gutenberg)
     can be used to create more carefully art directed posts. Like gifts
     carefully arranged beneath the Christmas tree, it’s the contents that
     matters but the presentation that sells.
     
     13 Dec 2019


 13. MAKING DISTRIBUTED WORKING WORK
     
     Anna Debenham
     
     Anna Debenham harnesses up the huskies and puts them to work to figure out
     how teams distributed across multiple locations can work effectively to all
     pull in the same direction. With modern workforces distributed from north
     pole to south, can they all be kept running in step?
     
     12 Dec 2019


 14. GIFT GIVING TO THE WORLD (WIDE WEB)
     
     Frances Berriman
     
     Frances Berriman asks us to give the gift of consideration to those who are
     using the web on constricted devices such as low-end smart phones or
     feature phones. Christmas is a time of good will to all, and as Bugsy
     Malone reminds us, you give a little love and it all comes back to you.
     
     11 Dec 2019


 15. Z’S STILL NOT DEAD BABY, Z’S STILL NOT DEAD
     
     Andy Clarke
     
     Andy Clarke digs deep into snow to find ways flat design can be brought
     back to life in CSS with the use of techniques to create a sense of depth.
     Like spring after an everlasting winter, perhaps it’s time to let a
     different style of design flourish. What a relief.
     
     10 Dec 2019


 16. IT’S TIME TO GET PERSONAL
     
     Laura Kalbag
     
     Laura Kalbag discusses the gift of personal data we give to Big Tech when
     we share information on its platforms, and how reviving ye olde personal
     website can be one way to stay in control of the content we share and the
     data we leak. Christmas is a time for giving, but know what you’re giving
     to whom.
     
     9 Dec 2019


 17. IT ALL STARTS WITH A HUMBLE <TEXTAREA>
     
     Andy Bell
     
     Andy Bell rings out a fresh call in support of the timeless concept of
     progressive enhancement. What does it mean to build a modern
     JavaScript-focussed web experience that still works well if part of the
     stack isn’t supported or fails? Andy shows us how that might be done.
     
     8 Dec 2019


 18. ICONOGRAPHY OF SECURITY
     
     Molly Wilson & Eileen Wagner
     
     Molly Wilson and Eileen Wagner battle the age old Christmas issues of right
     and wrong, good and evil, and how the messages we send through iconography
     design can impact the decisions users make around important issues of
     security. Are you icons wise men, or are they actually King Herod?
     
     7 Dec 2019


 19. BEAUTIFUL SCROLLING EXPERIENCES – WITHOUT LIBRARIES
     
     Michelle Barker
     
     Michelle Barker appears as one of a heavenly host, coming forth with scroll
     in hand to pronounce an end to janky scrolljacking! Unto us a new
     specification is born, in the city of TimBL, and its name shall be called
     Scroll Snap.
     
     6 Dec 2019


 20. INTERACTIVITY AND ANIMATION WITH VARIABLE FONTS
     
     Mandy Michael
     
     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.
     
     5 Dec 2019


 21. AN INTRODUCTION TO VARIABLE FONTS
     
     Jason Pamental
     
     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.
     
     4 Dec 2019


 22. FUTURE ACCESSIBILITY GUIDELINES—FOR PEOPLE WHO CAN’T WAIT TO READ THEM
     
     Alan Dalton
     
     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.
     
     3 Dec 2019


 23. TWELVE DAYS OF FRONT END TESTING
     
     Amy Kapernick
     
     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.
     
     2 Dec 2019


 24. MAKING A BETTER CUSTOM SELECT ELEMENT
     
     Julie Grundy
     
     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?
     
     1 Dec 2019

Grab our RSS feed Follow us on Twitter Contribute on GitHub

© 2005-2021 24 ways and our authors