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 […]
Collection - Best practice
Best practice 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.
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.
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.
How do you mark up an accordion? »
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.
The font loading checklist »
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.
A11Y Style Guide »
The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.
From A11y Style Guide.
Being Shot Down Because of Accessibility Needs is Not Something Anyone Should Expect »
Being deaf/hard of hearing means there is certain information I struggle to access. At a Contributor Day in Glasgow in September 2018 (an event where you get to contribute directly to WordPress, e.g. core software, theme support, privacy, translations, etc.), I have decided to get involved with the Accessibility team.
From Ahmed Khalifa.
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.
Head »
A free guide to <head> elements. A list of everything that could go in the head of your document.
From Head by Josh Buchea.
Inclusive Components: A pattern library of accessible components for the web »
A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.
From Inclusive Components .
Data Viz Project – by Ferdio »
This is a website trying to present all relevant data visualisations, so you can find the right visualisation and get inspired how to make them.
From The Data Viz Project.
How to do a basic accessibility audit »
From Get Flywheel.
Designer’s guide to flexbox and grid »
What designers need to know about these transformational layout tools.
From Medium: Jon Yablonski.
100 questions designers always ask »
If I’ve learned anything from my agency day job at Innovatemap and my side project UX Power Tools, it’s that we have to be part designer, part marketer, part sales person, and part user.
From Medium: Jon Moore.
Improving box-shadow transition performance »
From Sassmeister (via @CSSWizardry).
Accessible accordions with jQuery »
From Github.