Automated (and Guided!) Accessibility Audits with axe Pro
3.10.2019
It's important to know there are tools for automated accessibility testing of websites. They are a vital part in helping make sure your website is usable for everyone, which is both a noble goal and damn good for business. Automated tests won't catch every potential accessibility issue, but they...
Mina Markham Should Make Beyoncé’s Site Accessible
3.10.2019
I remember when this went around in January, and I'm a little shocked it didn't happen.
Mina is the perfect person for the job (like, duh) and the result would be good for everyone. Let's make this happen. The least we can do is sign Amélie Lamont's petition.
Direct Link to Article —...
Demonstrating Reusable React Components in a Form
2.10.2019
Components are the building blocks of React applications. It’s almost impossible to build a React application and not make use of components. It’s widespread to the point that some third-party packages provide you with components you can use to integrate functionality into your application.
These...
Zero hands up.
2.10.2019
Asked an entire room full of webdevs yesterday if any of them knew that FF/Chrome/Opera/Brave/etc. for iOS weren't allowed to compete on engine quality.
Zero hands up.
— Alex Russell (@slightlylate) September 25, 2019
It's worth making this clear then. On iOS, the only browser engine...
The Many Ways to Link Up Shapes and Images with HTML and CSS
1.10.2019
Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as a straight rectangle. Or you have a large uniquely shaped logo where you only...
Enhancing The Clickable Area Size
1.10.2019
Here’s a great post by Ahmad Shadeed on making sure that clickable areas in our interfaces are, well, clickable. He writes about making sure that links, buttons and other elements meet accessibility standards for both touch and mouse, too.
I particularly like the section where Ahmad writes about...
designMode
1.10.2019
Every once in a while I stumble upon an API or browser setting that I can’t believe ever existed. Such examples can be seen in the numerous String.prototype properties such as bold, italics, and even blink, which wrap given string text in their representative HTML tags. Bizarre. It...
Simulating Depth of Field with Particles using the Blurry Library
1.10.2019
Learn how to create a geometrical scene with a depth effect using the Blurry library.
Simulating Depth of Field with Particles using the Blurry Library was written by Domenico Bruzzese and published on Codrops
Multi-Million Dollar HTML
30.9.2019
Two stories:
Jason Grigsby finds Chipotle's online ordering form makes use of an input-masking technique that chops up a credit card expiration year making it invalid and thus denying the order. If pattern="\d\d" maxlength="2" was used instead (native browser feature), the browser is smart enough...
Collective #553
30.9.2019
Text Rendering Hates You * Working with GitHub Actions * Design Tips * Frankenstein Migration
Collective #553 was written by Pedro Botelho and published on Codrops
How I Learned to Stop Worrying and Love Git Hooks
30.9.2019
The merits of Git as a version control system are difficult to contest, but while Git will do a superb job in keeping track of the commits you and your teammates have made to a repository, it will not, in itself, guarantee the quality of those commits. Git will not stop you from committing code...
Preloading Pages Just Before They are Needed
27.9.2019
The typical journey for a person browsing a website: view a page, click a link, browser loads new page. That's assuming no funny business like a Single Page App, which still follows that journey, but the browser doesn't load a new page — the client fakes it for the sake of a snappier...