If you have a number of links on a page, sometimes you might want to indicate that some of them have been visited by a user, while others haven’t. That’s what we’d usually use :visited for.
Welcome to Coding.
A blog from Mangopear creative.
Accessibility resources »
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).
The dialog element »
Simplify pop-ups and modals using the HTML dialog element.
From Viget.
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.