Inclusive Design And Accessibility: Live Stream With Heydon PickeringInclusive Design And Accessibility: Live Stream With Heydon Pickering Vitaly Friedman 2019-11-07T13:45:59+02:002019-11-08T07:07:41+00:00Accessibility can sometimes become an unfortunate afterthought as we race to meet deadlines and search for tips and tricks to meet client demands. We can cause problems for keyboard or screenreader users, and leave our products fragile and potentially vulnerable to legal action from people who find themselves locked out due to their accessibility needs. How can we get better? One way to find out would be by joining our live stream with Heydon Pickering who will be sharing insights about the relationship between accessibility and design systems, and exploring how to build accessible components, and why he decided to write a book on accessible interface design patterns. Live Stream On Inclusive Design: Nov 7, 5:00 PM GMT The session will start today, November 7, at 6:00 PM Berlin..
Meet “Inclusive Components”, A New Printed Book By Heydon PickeringMeet “Inclusive Components”, A New Printed Book By Heydon Pickering Vitaly Friedman 2019-11-07T12:30:00+00:002019-11-08T07:07:41+00:00The web is full of interfaces that leave people out. Of course, it’s not designers’ malicious intent or developers’ lack of empathy that bring us there. It’s just really difficult to foresee a wide range of situations in which our users might find themselves in. We need to build robust and reliable solutions in a world that’s inherently chaotic and unpredictable. Where do we even start? Because we often build and deploy under tough deadlines, we tend to break accessibility without even noticing it. Our products become slower, clunkier and more painful to use — often simply unbearable for keyboard- and screen reader users, and as such fragile and vulnerable for legal disputes. Let’s fix it. Meet Inclusive Components, our new handbook for building fully accessible websites and apps. ..
Exploring New Ways To Manage Content In WordPressExploring New Ways To Manage Content In WordPress Leonardo Losoviz 2019-11-07T11:30:59+02:002019-11-08T07:07:41+00:00The combination of WordPress’ versatility for managing data (since its database model supports the creation of different content models, easily extensible through meta attributes) and Gutenberg’s rich user interactions provide a powerful mechanism to create, edit and manage content. In this article, I want to shine some light on these upgraded capabilities, exploring the new tools at our disposition and presenting several new ones to be released sometime in the future. Existing Features The following features are already part of Gutenberg-powered WordPress. Create Once, Publish Everywhere As I have described in my recent article “Create Once, Publish Everywhere” with WordPress, the block-based nature of Gutenberg enables it to enhance how content is organized/architected on the database, making it available on a g..
What You'll Be CreatingIn this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how the CSS Checkbox Hack works, and look at some other Checkbox Hack inspiration from developers on CodePen. Sound interesting? Our Responsive CSS AccordionHere’s what we’ll be building during this tutorial: Note: This tutorial assumes some flexbox knowledge. If you’re just beginning, check out this beginners flexbox tutorial: Flexbox A Comprehensive Guide to Flexbox Alignment Anna MonusWait, What’s the CSS Checkbox Hack?The CSS checkbox hack allows you to control certain styles depending on whether checkboxes (or radio buttons) are checked or not. It uses the :checked pseudo-class selector, which enables us to say “if a checkbox is che..
Writing A Multiplayer Text Adventure Engine In Node.js: Adding Chat Into Our Game (Part 4)Writing A Multiplayer Text Adventure Engine In Node.js: Adding Chat Into Our Game (Part 4) Fernando Doglio 2019-11-06T11:00:00+02:002019-11-07T07:07:10+00:00Any platform that allows for collaborative play between people will be required to have one very particular characteristic: the ability for players to (somehow) talk to each other. That is exactly why our text-adventure engine built in Node.js would not be complete without a way for the party members to be able to communicate with each other. And because this is indeed a text adventure, that form of communication will be presented in the form of a chat window. So in this article, I’m going to explain how I added chat support for the text client as well as how I designed a quick chat server using Node.js. Previous Parts Of This Series Part 1: The Introduction Part 2: Game Engine Server Design Part 3: Creating The Terminal Client Back T..
Smashing Podcast Episode 2 With Liz Elcoate: What’s So Great About Freelancing?Smashing Podcast Episode 2 With Liz Elcoate: What’s So Great About Freelancing? Drew McLellan 2019-11-05T16:00:59+02:002019-11-06T07:07:39+00:00 In this episode of the Smashing Podcast we take a look a freelancing. What does it mean to be a freelance designer or developer? How do you structure your day? What are the ups and downs? Drew McLellan talks to experienced freelance brand designer Liz Elcoate to find out more. Show Notes Making Peace With The Feast Or Famine Of Freelancing on Smashing Magazine. Liz is the host of The Elastic Brand podcast, and cohost of The Freelance Web with Sean Johnson. You can follow Liz on Twitter where she is @liz_e or via her website. Transcript Drew: She’s a UK based designer who specializes in building digital brands. She’s worked on campaigns with the likes of Great Ormond Street Hospital, the NSPCC, and the Brits. She’s also the host of The Elastic Brand podcast, a..
Smashing Podcast Episode 1 With Andy Clarke: What Is Art Direction?Smashing Podcast Episode 1 With Andy Clarke: What Is Art Direction? Drew McLellan 2019-11-05T14:30:59+02:002019-11-06T07:07:39+00:00 The new Smashing Podcast is the perfect way to take a little bit of Smashing along with you on your morning commute, when working out at the gym, or just washing the dishes. We’ll be bringing you a new interview with a Smashing expert every two weeks, directly to your podcast player of choice. You can subscribe in your favorite app to get new episodes as soon as they’re ready, or just listen using the player below. To get things off with a bang, we’re launching the first two episodes today. Each episode will be accompanied by a post (just like this one) with a full transcription of the interview here on Smashing Magazine. In this inaugural episode, Drew McLellan talks to designer, author, and speaker Andy Clarke about Art Direction. What is it, and how can it be applied to our web de..
Google is essentially at the center of the web as we know it, meaning it is in turn at the center of many aspects of web design. We typically spend a good amount of time thinking about optimizing our content for Google’s search engine, testing our sites in their Chrome browser, hosting our videos on their YouTube platform, using their web font service, and so on. However, as with any set of tools, it is always worthwhile knowing what additional choices are available. Even if the tools and services provided by Google are the perfect fit for your needs today, one thing web designers all know at this point is that the online world can change quickly. It’s only prudent to be aware of all the options we have to choose between, or we might find we are missing out on some of the best the web has to offer at any given time. Note: the purpose of this article is not to malign Google’s collection of tools and services, because undoubtedly every one of us has found them to be very useful across ..
Build A Seamless Spreadsheet Import Experience With The Help Of Flatfile.ioBuild A Seamless Spreadsheet Import Experience With The Help Of Flatfile.io Suzanne Scacca 2019-11-05T12:00:59+02:002019-11-06T07:07:39+00:00(This is a sponsored post.) If you’ve ever attempted to build a CSV importer before, you know how frustrating it is to dedicate valuable engineering time to this feature, only to watch your customers struggle with it. In some cases, developers try to improve this experience by providing users with FAQs and tutorials that show them how to correctly use their importer. However, this merely shifts the burden from the product onto the user. The last thing users want is to sift through lengthy documentation or video tutorials to upload a simple spreadsheet. Should it be your users’ job to figure out why your importer isn’t working correctly? If you want to improve the experience users have with your product or service, you have to start with optimizing the experience of i..
Creating Online Environments That Work Well For Older UsersCreating Online Environments That Work Well For Older Users Barry Rueger 2019-11-04T13:00:59+02:002019-11-05T06:36:48+00:00With the single exception of my 94-year-old mother, I don’t know a single person over the age of 65 who doesn’t have a smartphone, computer, or tablet, and usually all three. I’m well past sixty, and have worked my way through punch cards, a C-64, many versions of Windows, Apple and Linux. I know at least a few people over seventy who have a programming background or who have spent a lot of time doing graphic design and computer music composition on various machines. That’s why I’m always amazed to read comments like these: “Amazon Echo has been particularly popular with the older generations, as it allows them to interact with technology and the Internet in a natural, personal way, rather than via a computer.” We are the generation that invented and grew up with personal computers. It’s absurd to s..