My colleague, Matt King, encounters a lot of friction when using web UIs. Matt uses a screen reader to access the web. A screen reader expresses through speech and sound the text and controls of an interface. He and I work together on the accessibility team at Facebook. Whenever we are collaborating together, we inevitably find little gotchas. Over a few sessions, Matt mentioned that the string of text “Show more reactions” was being smushed together and read as “Showmorereactions”. 

Human-centered design is a practical, repeatable approach to arriving at innovative solutions. Think of these Methods as a step-by-step guide to unleashing your creativity, putting the people you serve at the center of your design process to come up with new answers to difficult problems.

certainlyakey starred engram-design/FieldManager

The city and town name generator uses a database of over five million names across more than 100 countries. If you are looking for a random city or town name to spark a location for a book, game, or a script, millions of possibilities are at your finger tips. How you use the city or town name is up to you. All results may be freely used in any work.

A jQuery plugin that truncates extended text and allows it to be shown dynamically.

Accessibility enables people with disabilities to perceive, understand, navigate, interact with, and contribute to the web. Imagine a world where developers know everything there is to know about accessibility. You design it and they build it… perfectly. In this world, only the design itself can cause people with disabilities to have trouble using a product.
These guidelines will cover the major things you need to know in order for your products to be “design-ready” to meet the minimum of standards in Section 508 and the Web Content Accessibility Guidelines 2.0. The rest will be up to development and quality testing.

Web accessibility doesn’t only extend to color blind users, but dyslexic users too. Dyslexia is a learning disability that impairs a person’s fluency or accuracy in being able to read, write, and spell.

Looks like @CustomsBorder cannot wrap their heads around the 21st century. Um, I have my mother's last name, what d… https://t.co/cDqmAbMplw

Relatively recently, I switched my last Windows machine over to OSX. For the most part, it's been great. One bit of functionality that I've been missing though is AeroSnap. Specifically the ability to use a keyboard shortcut to move windows to the left/right half of a monitor.

certainlyakey starred Hammerspoon/hammerspoon

Window control with simple and customizable keyboard shortcuts

Explore the deepest secrets of the ocean with some of Firefox Developer Edition 44’s newest tools, designed to take the pain out of CSS animation.

certainlyakey starred mnater/Hyphenator

Введение в SVG-анимацию, фрагмент книги Сары Дрэснер, которая выйдет в O’Reilly весной 2017 —… https://t.co/hIZ36nIj8T

Bytesize is a passion project I started to help learn the SVG spec, particularly SVG Paths and how they are drawn within code.

Each icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square.

While designing and coding these icons, I tried to place as few points as possible to keep the shapes simple but also to reduce on file size. All 84 icons measure in at 9KB minified (2KB in SVGZ, or Gzipped).

A guide to the New East

Sketch note of talk given by Dennis Wixon tracking the evolution of interfaces: interface types and their characteristics.

With Sass mixins we’re able to pass a list of arguments to set the values of properties. For example, the following mixin uses four variables as arguments to define the display, padding and margin properties of an element.

But what if I want to exclude a folder from search but let it be shown in sidebar?