Today we’ll talk about accessibility. It’s a practice of creating apps, sites, and products usable for everyone, including people with visual, motor, auditory, speech, or cognitive disabilities… Read more
From UX Collective.
100 awesome illustrations you can use these to design your – landing pages, mobile app or presentations.
From Illustrations.co.
We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.
From Smashing Magazine.
A code sample to add a “Jump to content” link to your website for keyboard users that work on mobile devices.
From selfthinker via GitHub.
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
From Davatron5000 (via GitHub).
Simplify pop-ups and modals using the HTML dialog element.
From Viget.
Does as it says on the tin.
From PALX.
If your WordPress website/theme/plugin allows users to submit URLs, and you’re not sanitizing them properly, you could have a whole host of security problems. On the flipside, if you’re removing too much, you might not be allowing valid URLs either.
From CMLJN Blog.
From CSS Duotone.
Yesterday I was working on creating the slides and accompanying demos for my upcoming Web Directions Code talk next week. One of the demos I’m creating is a basic proof of concept for a simple switch that is used to switch the theme of a UI from light to dark and vice versa. I liked, and was inspired, by the theme switch in the Medium app.
From Sara Soueidan.
Hey! I’m @rstacruz and this is a modest collection of cheatsheets I’ve written.
From Dev Hints.
One of my colleagues is transitioning to the front-end team that I used to be a part of. To prepare him mentally for his journey into front-end development, I’ve been sending him a newsletter I call Front-End Hack of the Day. I’m posting them to Medium now for the world to enjoy.
From Tommy Brunn (Medium).
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in.
From Smashing Magazine.
Streamline users’ path to products by providing clear, differentiating product information at all levels — from the homepage to product listing pages.
From Nielsen Norman Group.
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.
From Smashing Magazine.
I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I specifically asked for markup suggestions. Turns out, people mark questions and answers up differently.
From Sara Soueidan.
This page lists links to resources on the W3C Internationalization Activity site and elsewhere that help you author HTML and CSS for internationalization. It is one of several techniques pages. You can see a list of updates to this document. You can also raise an issue about this page.
From W3C.
When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase.
From Zach Leatherman.
Creative Commons’ “CC Search” project will develop and release an open online search and re-use tool that will allow high-quality content from the commons to surface in a more seamless and accessible way.
From Creative Commons.
While design solves universal problems, micro-interactions are the delightful moments your users have while using the product.
From UX Planet (Medium).
From ColorBox.