Sanitization is the process of cleaning or filtering your input data. Whether the data is from a user or an API or web service, you use sanitizing when you don’t know what to expect or you don’t want to be strict with data validation. The easiest way to sanitize data is with built-in WordPress functions. The sanitize_*() series […]
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.
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.
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.
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.
An example of a great, easy to understand style guide.
From Atlassian Design.
This approach is different from others you may have seen in that it uses a valid <table> (and child elements) and acknowledges that screen readers no longer consider <table>s to be tables when you start messing with their display properties.
From Adrian Roselli.
It can be hard to find individual blocks, as many are part of larger collections that are hard to search within. To solve that problem we have created a block library that lists each block individually. Blocks in the library are easily searchable and tagged for convienience.
From Gutenberg Block Library.
Why we should and shouldn’t use Lazy Load, and how to implement it. Images make up over 60% of an average page’s size, according to HTTP Archive. Images on a web page would be rendered once they are available.
From Smashing Magazine.
Lazy load images, YouTube and Vimeo videos, and iframes using Lazy Load XT. Lazy Load XT is the fastest, lightest, fully customizable lazy load plugin in the WordPress Plugin Directory.
From WordPress Plugin Repo.
