Accessibility

Accessibility — UX Knowledge Base Sketches

The goal of accessibility is to design & code digital products, services in a way that users with disabilities are able to use them. Your context or temporary condition and limitation also affect the way you use a product.

bit.ly

Colour Contrast - Why Does It Matter? — GOV.UK

Colour contrast between text and background is important on web pages. It affects some people’s ability to perceive the information (in other words to be able to receive the information visually).

bit.ly

The Controversy of Accessible Type

Accessibility is the process of removing barriers to meet people’s access needs. It goes hand in hand with usability, affordability, availability, and overall good design. This article focuses specifically on visual barriers in typography.

bit.ly

Why Web Accessibility Is Important and How You Can Accomplish It

Web accessibility means that people with disabilities can use the Web.

bit.ly

Analytics

How to Setup Google Analytics Correctly

As a free and powerful web analytics tool, Google Analytics is more popular than ever. In fact, W3Techs estimates that about 53% of all websites today uses it — and so should you.

bit.ly

Browsers & Devices

Adaptive vs Responsive Design: Which is Better?

What are the major differences between responsive and adaptive design? And can you improve your user experience by choosing the right web design style for your site? In this post, we’ll explore both of these questions and more.

bit.ly

Browser Display Statistics — W3Schools

W3Schools' statistics may not be relevant to your web site. Different sites attract different audiences. Some web sites attract developers using professional hardware, while other sites attract hobbyists using older computers. Anyway, data collected from W3Schools' log-files over many years clearly shows the long term trends.

bit.ly

CSS Grid Layout: Getting to Grips With the Chrome Implementation

From Rachel Andrew: "I’ve been following the CSS3 Grid Layout specification since the early days, writing about the IE10 implementation in my book CSS3 Layout Modules and for 24 Ways. When I last wrote an update here everything was theoretical, as there was no browser implementation at the time. Now, with support for the latest version of the spec in Chrome, I thought it a good time to revisit how my favourite CSS module is getting along."

bit.ly

Intro to The 8-Point Grid System

What's the 8-Point grid system and why you should use it in your designs.

bit.ly

The Ultimate Guide To iPhone Resolutions

The ultimate guide to iPhone resolutions.

bit.ly

Colours

Color in Design: Influence on Users' Actions — Tubik Blog

The article is devoted to the issue of using various colors in user interfaces and branding design, associations and the influence of color choice on user behavior.

bit.ly

Designing Systematic Colors

How to make themable, flexible, WCAG 2.1 compliant color ramps for a design system.

bit.ly

Design System

Design Systems Architecture Diagrams

This article proposes a visual vocabulary of brands, systems, and products. The vocabulary denotes a design system’s varying outputs, documentation, adoption, and organizational boundaries. To conclude, the vocabulary is illustrated via complete, scenario-based example.

bit.ly

Typography in Design Systems

Everyday digital interfaces include a rich variety of images, visualizations, and other pictures. However, more than anything else, they are made of words. Oh so many words. As we equip teams to design and code usable, consistent, beautiful interfaces using systems, it’s essential that words depend on a strong foundation of typography.

bit.ly

Flows

An Introduction to Interaction Flows — UX Planet

Could IX Flows be a key to smoother design/dev handoffs?

bit.ly

How to Make UI/IX Flows With Overflow — UX in Plain English

Learn to create UI/IX Flows with Overflow to speed up the handoff process.

bit.ly

Typography

Typography Elements Everyone Needs to Understand — Gravit Designer Blog

Type design may be intimidating to many, with terms such as leading, baseline, kerning, ascender, tail, and many more … The good news is, there are eight basic, universal typographical design elements: typeface, hierarchy, contrast, consistency, alignment, white space, and color. Even a basic understanding of each of these elements can revolutionize any design project.

bit.ly

What's the Best Font Size For the web? Well, It Depends… — Imarc

Picking a font size for the web used to be really easy. 16 points and you’re done. You could feel confident that your content would be decently readable on PC or Mac, Netscape or IE. Man, have times changed.

bit.ly