Are you over 18 and want to see adult content?
More Annotations
![A complete backup of czechgaysolarium.com](https://www.archivebay.com/archive2/833236fa-fbc2-4262-8816-b4e442383d95.png)
A complete backup of czechgaysolarium.com
Are you over 18 and want to see adult content?
![A complete backup of zapinterlations.com](https://www.archivebay.com/archive2/debc121e-cd45-4f23-95c3-9b9da344eb3d.png)
A complete backup of zapinterlations.com
Are you over 18 and want to see adult content?
![A complete backup of bigoliveapkmod.com](https://www.archivebay.com/archive2/597e66b6-af1b-436c-889f-47dfc3d20424.png)
A complete backup of bigoliveapkmod.com
Are you over 18 and want to see adult content?
![A complete backup of queenletiziastyle.com](https://www.archivebay.com/archive2/4df180c3-7ee5-429c-8bc6-21f795241fcc.png)
A complete backup of queenletiziastyle.com
Are you over 18 and want to see adult content?
![A complete backup of smashingpumpkins.com](https://www.archivebay.com/archive2/37dd2610-15ae-4259-ac81-aacb293c68d3.png)
A complete backup of smashingpumpkins.com
Are you over 18 and want to see adult content?
![A complete backup of biologyjunction.com](https://www.archivebay.com/archive2/3b162d5f-66ac-4886-bd0a-46d34c14909d.png)
A complete backup of biologyjunction.com
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of www.bbc.com/news/world-africa-51324241](https://www.archivebay.com/archive2/a2d42c7f-72fa-41b6-96a6-11312e071adf.png)
A complete backup of www.bbc.com/news/world-africa-51324241
Are you over 18 and want to see adult content?
![A complete backup of www.biobiochile.cl/noticias/futbol-internacional/chilenos-en-el-exterior/2020/02/03/ya-confian-en-el-maravi](https://www.archivebay.com/archive2/97b88dcd-02f9-46f7-9f8f-07e90ea21340.png)
A complete backup of www.biobiochile.cl/noticias/futbol-internacional/chilenos-en-el-exterior/2020/02/03/ya-confian-en-el-maravi
Are you over 18 and want to see adult content?
![A complete backup of epocanegocios.globo.com/Empresa/noticia/2020/02/fortuna-de-elon-musk-aumenta-us-135-bilhoes-com-valorizacao](https://www.archivebay.com/archive2/2b17cf29-cd97-4fe0-98fb-12bfbcbd82fe.png)
A complete backup of epocanegocios.globo.com/Empresa/noticia/2020/02/fortuna-de-elon-musk-aumenta-us-135-bilhoes-com-valorizacao
Are you over 18 and want to see adult content?
Text
Things”, he
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON24WAYS.ORG
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORG IS YOUR WEBSITE ACCIDENTALLY SEXIST? 24 WAYS Is Your Website Accidentally Sexist? Women make up 51% of the world’s population. More importantly, women make 85% of all purchasing decisions about consumer goods, 75% of the decisions about buying new homes, and 81% of decisions about groceries. The chances are, you want your website to be as attractive to women as it is tomen.
USING QUESTIONNAIRES FOR DESIGN RESEARCH 24 WAYSSEE MORE ON 24WAYS.ORG EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG CENTERED TABS WITH CSS 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORG FLASHLESS ANIMATION 24 WAYS I want to start with Tuna walking during the opening, and then loop the running and bounciness together for infinity. The intro lasts for 24 seconds, so we set our 1 second walk cycle to run for 24 repetitions: walk-cycle 1s steps (12) 24. We delay walk-to-run by 24 seconds so it runs for .75 seconds before. JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYS The concept of a “job” in “Jobs-To-Be-Done” is neatly encapsulated by a oft-quoted line from Theodore Levitt: “People want a quarter-inch hole, not a quarter inch drill”. Even so, Don Norman pointed out that perhaps Levitt “stopped too soon” at what the real customer goal might be. In the “The Design of EverydayThings”, he
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON24WAYS.ORG
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORG IS YOUR WEBSITE ACCIDENTALLY SEXIST? 24 WAYS Is Your Website Accidentally Sexist? Women make up 51% of the world’s population. More importantly, women make 85% of all purchasing decisions about consumer goods, 75% of the decisions about buying new homes, and 81% of decisions about groceries. The chances are, you want your website to be as attractive to women as it is tomen.
USING QUESTIONNAIRES FOR DESIGN RESEARCH 24 WAYSSEE MORE ON 24WAYS.ORG EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG CENTERED TABS WITH CSS 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? FLASHLESS ANIMATION 24 WAYS Rachel Nabors is an interaction developer and award-winning cartoonist. She travels the world, speaking and training people in the art of web animation. When not biking around her home city of Portland, she makes interactive comics at her company Tin Magpie.You can catch her as @rachelnabors on Twitter and at rachelnabors.com.. More articles by Rachel DESIGN SYSTEMS 24 WAYS A visual design system is built out of the core components of typography, layout, shape or form, and colour. When considering the design of a whole product, a design system should also include patterns in user flow, content strategy, copy, and tone of voice. These concepts, design decisions or rules, created around the corecomponents are used
THERE IS NO DESIGN SYSTEM 24 WAYS Jina is a design systems advocate and coach. At Amazon, Jina was Senior Design Systems Lead. At Salesforce, she was Lead Designer on the Lightning Design System. She led the CSS architecture and style guide for the Apple Online Store. She’s also worked at GitHub, Engine Yard, Crush + Lovely, and Memphis Brooks Museum of Art, andmore.
THE ART OF MATHEMATICS: A MANDALA MAKER TUTORIAL 24 WAYS 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 ofmathematics.
DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS Designing Your Site Like It’s 1998. Andy Clarke. It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and IS YOUR WEBSITE ACCIDENTALLY SEXIST? 24 WAYS Is Your Website Accidentally Sexist? Women make up 51% of the world’s population. More importantly, women make 85% of all purchasing decisions about consumer goods, 75% of the decisions about buying new homes, and 81% of decisions about groceries. The chances are, you want your website to be as attractive to women as it is tomen.
AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? REAL ANIMATION USING JAVASCRIPT, CSS3, AND HTML5 VIDEO 24 WAYS Dan Mall is an award-winning interactive art director and designer.He is an enthralled husband, Senior Designer at Big Spaceship, former Interactive Director at Happy Cog, technical editor for A List Apart, co-founder of Typedia, and singer/keyboard player for contemporary-Christian band Four24.Dan writes about design and other issues on Twitter and his industry-recognized site, BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORG DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS Designing Your Site Like It’s 1998. Andy Clarke. It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYS The concept of a “job” in “Jobs-To-Be-Done” is neatly encapsulated by a oft-quoted line from Theodore Levitt: “People want a quarter-inch hole, not a quarter inch drill”. Even so, Don Norman pointed out that perhaps Levitt “stopped too soon” at what the real customer goal might be. In the “The Design of EverydayThings”, he
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORG FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON24WAYS.ORG
CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORG DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS Designing Your Site Like It’s 1998. Andy Clarke. It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYS The concept of a “job” in “Jobs-To-Be-Done” is neatly encapsulated by a oft-quoted line from Theodore Levitt: “People want a quarter-inch hole, not a quarter inch drill”. Even so, Don Norman pointed out that perhaps Levitt “stopped too soon” at what the real customer goal might be. In the “The Design of EverydayThings”, he
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORG FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON24WAYS.ORG
CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and THE ACCIDENTAL SIDE PROJECT 24 WAYS 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 DESIGN SYSTEMS 24 WAYS A visual design system is built out of the core components of typography, layout, shape or form, and colour. When considering the design of a whole product, a design system should also include patterns in user flow, content strategy, copy, and tone of voice. These concepts, design decisions or rules, created around the corecomponents are used
THERE IS NO DESIGN SYSTEM 24 WAYS Jina is a design systems advocate and coach. At Amazon, Jina was Senior Design Systems Lead. At Salesforce, she was Lead Designer on the Lightning Design System. She led the CSS architecture and style guide for the Apple Online Store. She’s also worked at GitHub, Engine Yard, Crush + Lovely, and Memphis Brooks Museum of Art, andmore.
FAST AUTOCOMPLETE SEARCH FOR YOUR WEBSITE 24 WAYS Every website deserves a great search engine - but building a search engine can be a lot of work, and hosting it can quickly get expensive. I’m going to build a search engine for 24 ways that’s fast enough to support autocomplete (a.k.a. typeahead) search queries and can behosted for free.
ACCESSIBILITY THROUGH SEMANTIC HTML 24 WAYS Laura Kalbag is a British designer living in Ireland, and author of Accessibility For Everyone from A Book Apart. She’s one third of Small Technology Foundation, a tiny two-person-and-one-husky not-for-profit organisation.At Small Technology Foundation, Laura works on a web privacy tool called Better Blocker, and initiatives to advocate for and build small technology to protect personhood CSS WRITING MODES 24 WAYS 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. TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? DESIGN SYSTEMS AND CSS GRID 24 WAYS 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. CSS FOR ACCESSIBILITY 24 WAYS Ann McMeekin is passionate about accessibility and good design, whether on the web or in the real world, and doesn’t believe that one has to be sacrificed to achieve the other. This is something she’s argued for several years, both in her work (currently as a Web Accessibility Consultant for the RNIB, and previously as a web designer) and to anyone who’ll sit still long enough to listen. BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORGFBCJAX LEADERSHIP TOOLBOXLEADERSHIP TOOLBOX TALKWILDLAND FIRE LEADERSHIP TOOLBOXWILDLAND LEADERSHIP TOOLBOXCOMMUNITY TOOLBOX LEADERSHIPLEADERSHIP TOOLS DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS Designing Your Site Like It’s 1998. Andy Clarke. It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYSJOBS TO BE DONE BOOKJOBS TO BE DONE DEFINITIONJOBS TO BE DONE EXAMPLEJOBS TO BE DONE FRAMEWORKJOBS TO BE DONE SUMMARYJOBS TO BE DONE TEMPLATE The concept of a “job” in “Jobs-To-Be-Done” is neatly encapsulated by a oft-quoted line from Theodore Levitt: “People want a quarter-inch hole, not a quarter inch drill”. Even so, Don Norman pointed out that perhaps Levitt “stopped too soon” at what the real customer goal might be. In the “The Design of EverydayThings”, he
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORGHTML CUSTOM ELEMENTJAVASCRIPT CUSTOM ELEMENTJS SELECT ELEMENTSELECT ELEMENT EVENTSSELECT ELEMENT HTMLSELECT ELEMENTJAVASCRIPT
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON 24WAYS.ORGARRAY REDUCE METHODJAVASCRIPT REDUCE ARRAY TO OBJECTPHP ARRAY REDUCEC# ARRAY ADDJS ARRAY REDUCE SUMSWIFT ARRAY REDUCE CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORGFBCJAX LEADERSHIP TOOLBOXLEADERSHIP TOOLBOX TALKWILDLAND FIRE LEADERSHIP TOOLBOXWILDLAND LEADERSHIP TOOLBOXCOMMUNITY TOOLBOX LEADERSHIPLEADERSHIP TOOLS DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS Designing Your Site Like It’s 1998. Andy Clarke. It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYSJOBS TO BE DONE BOOKJOBS TO BE DONE DEFINITIONJOBS TO BE DONE EXAMPLEJOBS TO BE DONE FRAMEWORKJOBS TO BE DONE SUMMARYJOBS TO BE DONE TEMPLATE The concept of a “job” in “Jobs-To-Be-Done” is neatly encapsulated by a oft-quoted line from Theodore Levitt: “People want a quarter-inch hole, not a quarter inch drill”. Even so, Don Norman pointed out that perhaps Levitt “stopped too soon” at what the real customer goal might be. In the “The Design of EverydayThings”, he
MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORGHTML CUSTOM ELEMENTJAVASCRIPT CUSTOM ELEMENTJS SELECT ELEMENTSELECT ELEMENT EVENTSSELECT ELEMENT HTMLSELECT ELEMENTJAVASCRIPT
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON 24WAYS.ORGARRAY REDUCE METHODJAVASCRIPT REDUCE ARRAY TO OBJECTPHP ARRAY REDUCEC# ARRAY ADDJS ARRAY REDUCE SUMSWIFT ARRAY REDUCE CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and THE ACCIDENTAL SIDE PROJECT 24 WAYS 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 DESIGN SYSTEMS 24 WAYS A visual design system is built out of the core components of typography, layout, shape or form, and colour. When considering the design of a whole product, a design system should also include patterns in user flow, content strategy, copy, and tone of voice. These concepts, design decisions or rules, created around the corecomponents are used
THERE IS NO DESIGN SYSTEM 24 WAYS Jina is a design systems advocate and coach. At Amazon, Jina was Senior Design Systems Lead. At Salesforce, she was Lead Designer on the Lightning Design System. She led the CSS architecture and style guide for the Apple Online Store. She’s also worked at GitHub, Engine Yard, Crush + Lovely, and Memphis Brooks Museum of Art, andmore.
FAST AUTOCOMPLETE SEARCH FOR YOUR WEBSITE 24 WAYS Every website deserves a great search engine - but building a search engine can be a lot of work, and hosting it can quickly get expensive. I’m going to build a search engine for 24 ways that’s fast enough to support autocomplete (a.k.a. typeahead) search queries and can behosted for free.
ACCESSIBILITY THROUGH SEMANTIC HTML 24 WAYS Laura Kalbag is a British designer living in Ireland, and author of Accessibility For Everyone from A Book Apart. She’s one third of Small Technology Foundation, a tiny two-person-and-one-husky not-for-profit organisation.At Small Technology Foundation, Laura works on a web privacy tool called Better Blocker, and initiatives to advocate for and build small technology to protect personhood CSS WRITING MODES 24 WAYS 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. DESIGN SYSTEMS AND CSS GRID 24 WAYS 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. TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? CSS FOR ACCESSIBILITY 24 WAYS Ann McMeekin is passionate about accessibility and good design, whether on the web or in the real world, and doesn’t believe that one has to be sacrificed to achieve the other. This is something she’s argued for several years, both in her work (currently as a Web Accessibility Consultant for the RNIB, and previously as a web designer) and to anyone who’ll sit still long enough to listen. BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORGFBCJAX LEADERSHIP TOOLBOXLEADERSHIP TOOLBOX TALKWILDLAND FIRE LEADERSHIP TOOLBOXWILDLAND LEADERSHIP TOOLBOXCOMMUNITY TOOLBOX LEADERSHIPLEADERSHIP TOOLS DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web.To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and Automobiles, one of my favourite Christmas films.. My design for Planes, Trains and Automobiles is JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYSJOBS TO BE DONE BOOKJOBS TO BE DONE DEFINITIONJOBS TO BE DONE EXAMPLEJOBS TO BE DONE FRAMEWORKJOBS TO BE DONE SUMMARYJOBS TO BE DONE TEMPLATE Steph Troeth rallies the workshop elves around an idea for revolutionising their worksheets and giving them a new way to think about approaching each job. One thing’s for certain, as Christmas approaches there’s always plenty of jobs to be done. MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORGHTML CUSTOM ELEMENTJAVASCRIPT CUSTOM ELEMENTJS SELECT ELEMENTSELECT ELEMENT EVENTSSELECT ELEMENT HTMLSELECT ELEMENTJAVASCRIPT
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON 24WAYS.ORGARRAY REDUCE METHODJAVASCRIPT REDUCE ARRAY TO OBJECTPHP ARRAY REDUCEC# ARRAY ADDJS ARRAY REDUCE SUMSWIFT ARRAY REDUCE CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? BUILD UP YOUR LEADERSHIP TOOLBOX 24 WAYSSEE MORE ON 24WAYS.ORGFBCJAX LEADERSHIP TOOLBOXLEADERSHIP TOOLBOX TALKWILDLAND FIRE LEADERSHIP TOOLBOXWILDLAND LEADERSHIP TOOLBOXCOMMUNITY TOOLBOX LEADERSHIPLEADERSHIP TOOLS DESIGNING YOUR SITE LIKE IT’S 1998 24 WAYS It’s 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web.To celebrate this anniversary—and my fourteenth contribution to 24 ways— I’d like to explain how I would’ve developed a design for Planes, Trains and Automobiles, one of my favourite Christmas films.. My design for Planes, Trains and Automobiles is JOBS-TO-BE-DONE IN YOUR UX TOOLBOX 24 WAYSJOBS TO BE DONE BOOKJOBS TO BE DONE DEFINITIONJOBS TO BE DONE EXAMPLEJOBS TO BE DONE FRAMEWORKJOBS TO BE DONE SUMMARYJOBS TO BE DONE TEMPLATE Steph Troeth rallies the workshop elves around an idea for revolutionising their worksheets and giving them a new way to think about approaching each job. One thing’s for certain, as Christmas approaches there’s always plenty of jobs to be done. MAKING A BETTER CUSTOM SELECT ELEMENT 24 WAYSSEE MORE ON 24WAYS.ORGHTML CUSTOM ELEMENTJAVASCRIPT CUSTOM ELEMENTJS SELECT ELEMENTSELECT ELEMENT EVENTSSELECT ELEMENT HTMLSELECT ELEMENTJAVASCRIPT
FIVE INTERESTING WAYS TO USE ARRAY.REDUCE() (AND ONESEE MORE ON 24WAYS.ORGARRAY REDUCE METHODJAVASCRIPT REDUCE ARRAY TO OBJECTPHP ARRAY REDUCEC# ARRAY ADDJS ARRAY REDUCE SUMSWIFT ARRAY REDUCE CREDITS AND RECOGNITION 24 WAYSSEE MORE ON 24WAYS.ORG 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and AUTOMATING YOUR ACCESSIBILITY TESTS 24 WAYS 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 tochance.
EDIT-IN-PLACE WITH AJAX 24 WAYSSEE MORE ON 24WAYS.ORG TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? 10 WAYS TO GET DESIGN APPROVAL 24 WAYS Paul Boag is a user experience consultant based in Dorset, England.He’s the founder of Headscape, a successful web design agency and hosts the longest running web design podcast at boagworld.com.He also writes for web design publications and speaks at various conferences and DESIGN SYSTEMS 24 WAYS Laura Kalbag is a British designer living in Ireland, and author of Accessibility For Everyone from A Book Apart. She’s one third of Small Technology Foundation, a tiny two-person-and-one-husky not-for-profit organisation.At Small Technology Foundation, Laura works on a web privacy tool called Better Blocker, and initiatives to advocate for and build small technology to protect personhood THE ACCIDENTAL SIDE PROJECT 24 WAYS 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 THERE IS NO DESIGN SYSTEM 24 WAYS Jina is a design systems advocate and coach. At Amazon, Jina was Senior Design Systems Lead. At Salesforce, she was Lead Designer on the Lightning Design System. She led the CSS architecture and style guide for the Apple Online Store. She’s also worked at GitHub, Engine Yard, Crush + Lovely, and Memphis Brooks Museum of Art, andmore.
FAST AUTOCOMPLETE SEARCH FOR YOUR WEBSITE 24 WAYS Every website deserves a great search engine - but building a search engine can be a lot of work, and hosting it can quickly get expensive. I’m going to build a search engine for 24 ways that’s fast enough to support autocomplete (a.k.a. typeahead) search queries and can behosted for free.
ACCESSIBILITY THROUGH SEMANTIC HTML 24 WAYS Laura Kalbag is a British designer living in Ireland, and author of Accessibility For Everyone from A Book Apart. She’s one third of Small Technology Foundation, a tiny two-person-and-one-husky not-for-profit organisation.At Small Technology Foundation, Laura works on a web privacy tool called Better Blocker, and initiatives to advocate for and build small technology to protect personhood CSS WRITING MODES 24 WAYS 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. DESIGN SYSTEMS AND CSS GRID 24 WAYS 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. TURN JEKYLL UP TO ELEVENTY 24 WAYS 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 holiday projects. But will it put you on cloud eleven? CSS FOR ACCESSIBILITY 24 WAYS Ann McMeekin is passionate about accessibility and good design, whether on the web or in the real world, and doesn’t believe that one has to be sacrificed to achieve the other. This is something she’s argued for several years, both in her work (currently as a Web Accessibility Consultant for the RNIB, and previously as a web designer) and to anyone who’ll sit still long enough to listen.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*
THE ACCIDENTAL SIDE PROJECTDrew 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
*
FOUR WAYS DESIGN SYSTEMS CAN PROMOTE ACCESSIBILITY – AND WHAT THEYCAN’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
*
USABILITY AND SECURITY; BETTER TOGETHERDivya 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
*
FLEXIBLE CAPTIONED SLANTED IMAGESEric 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
*
THERE IS NO DESIGN SYSTEMJina 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
*
A MODERN TYPOGRAPHIC SCALERob 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 andbeyond.
19 Dec 2019
*
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
*
BUILDING A DICTAPHONE USING MEDIA RECORDER AND GETUSERMEDIAChris 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
*
A HISTORY OF CSS THROUGH FIFTEEN YEARS OF 24 WAYSRachel 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
*
MICROBROWSERS ARE EVERYWHEREColin 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
*
DESIGN TOKENS AND COMPONENT BASED DESIGNStuart 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
*
ART DIRECTION AND THE NEW WORDPRESS EDITORMel 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
*
MAKING DISTRIBUTED WORKING WORKAnna 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 instep?
12 Dec 2019
*
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 comesback to you.
11 Dec 2019
*
Z’S STILL NOT DEAD BABY, Z’S STILL NOT DEADAndy 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 arelief.
10 Dec 2019
*
IT’S TIME TO GET PERSONALLaura 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
*
IT ALL STARTS WITH A HUMBLEDetails
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0