24 ways

The Accidental Side Project

Tue December 24th, 2019

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

https://24ways.org/2019/the-accidental-side-project/

Four Ways Design Systems Can Promote Accessibility – and What They Can’t Do

Mon December 23rd, 2019

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

https://24ways.org/2019/four-ways-design-systems-can-promote-accessibility/

Usability and Security; Better Together

Sun December 22nd, 2019

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

https://24ways.org/2019/usability-and-security-better-together/

Flexible Captioned Slanted Images

Sat December 21st, 2019

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, sometim...

https://24ways.org/2019/flexible-captioned-slanted-images/

There Is No Design System

Fri December 20th, 2019

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

https://24ways.org/2019/there-is-no-design-system/

A Modern Typographic Scale

Thu December 19th, 2019

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

https://24ways.org/2019/a-modern-typographic-scale/

Five Interesting Ways to Use Array.reduce() (And One Boring Way)

Wed December 18th, 2019

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

https://24ways.org/2019/five-interesting-ways-to-use-array-reduce/

Building a Dictaphone Using Media Recorder and getUserMedia

Tue December 17th, 2019

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

https://24ways.org/2019/building-a-dictaphone-using-media-recorder-and-getusermedia/

A History of CSS Through Fifteen Years of 24 ways

Mon December 16th, 2019

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

https://24ways.org/2019/a-history-of-css-through-15-years-of-24-ways/

Microbrowsers are Everywhere

Sun December 15th, 2019

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

https://24ways.org/2019/microbrowsers-are-everywhere/

Design Tokens and Component Based Design

Sat December 14th, 2019

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

https://24ways.org/2019/design-tokens-and-component-based-design/

Art Direction and the New WordPress Editor

Fri December 13th, 2019

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

https://24ways.org/2019/art-direction-and-the-new-wordpress-editor/

Making Distributed Working Work

Thu December 12th, 2019

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

https://24ways.org/2019/making-distributed-working-work/

Gift Giving to the World (Wide Web)

Wed December 11th, 2019

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

https://24ways.org/2019/gift-giving-to-the-world-wide-web/

Z’s Still Not Dead Baby, Z’s Still Not Dead

Tue December 10th, 2019

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

https://24ways.org/2019/zs-still-not-dead-baby-zs-still-not-dead/

It’s Time to Get Personal

Mon December 9th, 2019

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

https://24ways.org/2019/its-time-to-get-personal/

It All Starts with a Humble </a></h3> <time class="published" datetime="1575806400">Sun December 8th, 2019</time> </header> <p class="description">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 par...</p> <p class="url"><a href="https://24ways.org/2019/it-all-starts-with-a-humble-textarea/" target="_blank" rel="nofollow">https://24ways.org/2019/it-all-starts-with-a-humble-textarea/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/iconography-of-security/" target="_blank" rel="nofollow">Iconography of Security</a></h3> <time class="published" datetime="1575720000">Sat December 7th, 2019</time> </header> <p class="description">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 a...</p> <p class="url"><a href="https://24ways.org/2019/iconography-of-security/" target="_blank" rel="nofollow">https://24ways.org/2019/iconography-of-security/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/" target="_blank" rel="nofollow">Beautiful Scrolling Experiences – Without Libraries</a></h3> <time class="published" datetime="1575633600">Fri December 6th, 2019</time> </header> <p class="description">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 ...</p> <p class="url"><a href="https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/" target="_blank" rel="nofollow">https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/interactivity-and-animation-with-variable-fonts/" target="_blank" rel="nofollow">Interactivity and Animation with Variable Fonts</a></h3> <time class="published" datetime="1575547200">Thu December 5th, 2019</time> </header> <p class="description">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...</p> <p class="url"><a href="https://24ways.org/2019/interactivity-and-animation-with-variable-fonts/" target="_blank" rel="nofollow">https://24ways.org/2019/interactivity-and-animation-with-variable-fonts/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/an-introduction-to-variable-fonts/" target="_blank" rel="nofollow">An Introduction to Variable Fonts</a></h3> <time class="published" datetime="1575460800">Wed December 4th, 2019</time> </header> <p class="description">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 ...</p> <p class="url"><a href="https://24ways.org/2019/an-introduction-to-variable-fonts/" target="_blank" rel="nofollow">https://24ways.org/2019/an-introduction-to-variable-fonts/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/future-accessibility-guidelines/" target="_blank" rel="nofollow">Future Accessibility Guidelines—for People Who Can’t Wait to Read Them</a></h3> <time class="published" datetime="1575374400">Tue December 3rd, 2019</time> </header> <p class="description">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 fu...</p> <p class="url"><a href="https://24ways.org/2019/future-accessibility-guidelines/" target="_blank" rel="nofollow">https://24ways.org/2019/future-accessibility-guidelines/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/twelve-days-of-front-end-testing/" target="_blank" rel="nofollow">Twelve Days of Front End Testing</a></h3> <time class="published" datetime="1575288000">Mon December 2nd, 2019</time> </header> <p class="description">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�...</p> <p class="url"><a href="https://24ways.org/2019/twelve-days-of-front-end-testing/" target="_blank" rel="nofollow">https://24ways.org/2019/twelve-days-of-front-end-testing/</a></p> </article></div> <div class="___rsssearchhubarticle"><article> <header> <h3 class="title"><a href="https://24ways.org/2019/making-a-better-custom-select-element/" target="_blank" rel="nofollow">Making a Better Custom Select Element</a></h3> <time class="published" datetime="1575201600">Sun December 1st, 2019</time> </header> <p class="description">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 designe...</p> <p class="url"><a href="https://24ways.org/2019/making-a-better-custom-select-element/" target="_blank" rel="nofollow">https://24ways.org/2019/making-a-better-custom-select-element/</a></p> </article></div> </section></div> </div> <script type="text/javascript" src="https://www.rsssearchhub.com/modules/CrutchKit/crutches/jquery/content/jquery.1.11.1.js?v=1.11.1" ></script> <script type="text/javascript" src="https://www.rsssearchhub.com/modules/CrutchKit/crutches/bootstrap/content/3.3.6/js/bootstrap.min.js?v=3.3.6" ></script> <script type="text/javascript" src="https://www.rsssearchhub.com/modules/CrutchKit/crutches/jquerytouchswipe/content/jquerytouchswipe.min.js?v=1.7.2" ></script> <script type="text/javascript" src="https://www.rsssearchhub.com/modules/CrutchKit/crutches/jqueryui/content/jquery-ui-1.11.4.custom/jquery-ui.min.js?v=1.11.4" ></script> <script type="text/javascript" src="https://www.rsssearchhub.com/modules/CrutchKit/crutches/customscrollbars/content/jquery.mCustomScrollbar.concat.min.js?v=1.0.0" ></script> <script src="/resources/script-a4aa02fb27a03aa7bcc6348c6701a140.js" type="text/javascript" ></script> <script type="text/javascript" > (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-4360679-6', 'auto'); ga('send', 'pageview'); window.addEventListener('error', function(e) { console.error(e); if(ga !== undefined){ ga(['_trackEvent', 'JavaScript Error', e.message, e.filename + ': ' + e.lineno, true]); } }); $(document).ajaxError(function(e, request, settings) { console.error(e); if(ga !== undefined){ ga(['_trackEvent', 'Ajax error', settings.url, e.result, true]); } }); //Template: searchsuggestionstypeahead (function($, window, document, undefined){ $().ready(function(){ $().searchSuggestions({ containerid : "rsshubq", searchid : "q", optiontemplate : "searchsuggestionstypeaheadoption", urn : "rsssearchhubfeeds", typeaheadid : "rsshubq_typeahead_holder", autofocus : "" }); }); })(jQuery, window, document); </script> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="e98c9b90be06d5d0a95afb86-|49" defer></script>