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 […]
Welcome to Coding.
A blog from Mangopear creative.
Accessibility resources »
Accessibility tools for designers and developers »
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.
Accessible “skip link” for mobile devices »
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.
Nutrition Cards for Accessible Components »
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).
CSS resources »
A Guide To The State Of Print Stylesheets In 2018 »
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.
CSS Duotone Generator »
From CSS Duotone.
On Designing and Building Toggle Switches »
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.
Design resources »
UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages »
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.
Atlassian’s style guide »
An example of a great, easy to understand style guide.
From Atlassian Design.
Responsive, accessible tables »
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.
WordPress resources »
Gutenberg Block Library »
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.
Redefining Lazy Loading: A smashing magazine review of Lazy Load XT »
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 XT: The lazy loading image; video and iFrame plugin for WordPress »
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.