Useful resources Archive - Page 2 of 4 - Coding. A Mangopear Blog.

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.

The Importance Of Manual Accessibility Testing

Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.

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.

Internationalization techniques: Authoring HTML & CSS

This page lists links to resources on the W3C Internationalization Activity site and elsewhere that help you author HTML and CSS for internationalization. It is one of several techniques pages. You can see a list of updates to this document. You can also raise an issue about this page.

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.

Creative Commons

Creative Commons’ “CC Search” project will develop and release an open online search and re-use tool that will allow high-quality content from the commons to surface in a more seamless and accessible way.

Creating meaningful micro-interactions

While design solves universal problems, micro-interactions are the delightful moments your users have while using the product.

ColorBox

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.

How I remember CSS Grid properties

The syntax for CSS Grid is foreign and hard to remember. But if you can’t remember CSS Grid’s syntax, you won’t be confident when you use CSS Grid. To wield CSS Grid effectively, you need to remember its properties and values.

17 top CSS animation examples

You’ve probably noticed the number of CSS animation examples featuring on websites has been on the rise lately. Animation is one of the key web design trends of 2018. All over the web, designers are getting creative and using CSS animations to bring personality to their sites, explain complex ideas quickly and easily, and guide their users’ actions.

10 steps to great UX testing

Evaluating the success of user experience strategies in a project requires a deep understanding of why decisions were made and what core goals motivated the project in the first place. Purpose is what provides context to data. Without that context, the data you review is always going to be clouded with your own personal bias and assumptions.

Atlassian’s style guide

An example of a great, easy to understand style guide.

Hot new CSS rules to try now

CSS is changing fast. Here’s our guide to the most exciting updates.

Udemy – Improving Lives Through Learning

The leading global marketplace for learning and instruction. By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams.

London Press Images

Give your London story the edge with our comprehensive database of more than 2000 London images – all free for editorial use. Register with the official London image library now for access to media images of London.

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.

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.

Coding for Kids – How to get started

Knowing how to code is likely to be as fundamental a skill as reading and writing for future generations. Coding for Kids provides a list of resources that will help children start and continue their learning journey.

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.

Offline POSTs with Progressive Web Apps

PWAs are web apps that look and feel like native apps — they’re installable, they load quickly, they can deliver push notifications, and they work offline. Caching POST requests is, at the time of this writing, an open issue in the Service Worker spec.

-

UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages

The Importance Of Manual Accessibility Testing

How do you mark up an accordion?

Internationalization techniques: Authoring HTML & CSS

The font loading checklist

Creative Commons

Creating meaningful micro-interactions

ColorBox

A11Y Style Guide

How I remember CSS Grid properties

17 top CSS animation examples

10 steps to great UX testing

Atlassian’s style guide

Hot new CSS rules to try now

Udemy – Improving Lives Through Learning

London Press Images

Being Shot Down Because of Accessibility Needs is Not Something Anyone Should Expect

Gutenberg Block Library

Coding for Kids – How to get started

Responsive, accessible tables

Offline POSTs with Progressive Web Apps

Popular topics

On development

On best practice

On content strategy