Tags: reference

24

sparkline

GRID: A simple visual cheatsheet for CSS Grid Layout

This is a really nice glanceable reference for CSS grid.

Dimensions.Guide | Database of Dimensioned Drawings

There’s something quite lovely about this site, both in its purpose and execution.

Dimensions.Guide is a comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world. Created as a universal resource to better communicate the basic properties, systems, and logics of our built environment, Dimensions.Guide is a free platform for increasing public and professional knowledge of life and design.

Pixels vs. Ems: Users DO Change Font Size – Evan Minto – Medium

I have to admit, I didn’t realise that text reszing behaved differently for user preferences compared to page zoom. For that reason alone, I’m going to avoid setting font sizes in pixels.

If 2 to 3% (or more!) of your users are relying on a custom font size, you should know that so you can either support that user preference or make a conscious decision to not support it. Doing anything less is frankly irresponsible, especially considering that users with larger font sizes may be using those sizes to compensate for visual disabilities.

Responsive Design for Motion | WebKit

A really great overview of using prefers-reduced-motion to tone down CSS animations.

This post was written by James Craig, and I’m going to take this opportunity to say a big “thank you!” to James for all the amazing accessibility work he has been doing at Apple through the years. The guy’s a goddamn hero!

CSS Reference - A free visual guide to the most popular CSS properties.

A whole lotta CSS properties and values gathered together in one place. The one-page view is a bit overwhelming, but search and collections can get you to the right bit lickety-split.

A Complete Guide to CSS Grid Layout | Chris House

This guide to CSS grid layout is the perfect companion piece to Rachel’s Grid by Example.

Gethtml - all the html elements

The A-Z of HTML, with an example for each and every element. Comprehensive and impressive.

simpl.info

A handy reference for HTML, CSS, and JavaScript features. Each feature has a bare-bones demo at a nice guessable URL e.g. http://simpl.info/datalist/

iOS Fonts

A handy list of installed fonts on the iPhone and iPad.

HTML5 accessibility

A handy table of new HTML5 elements and whether or not they are exposed to assistive technology.

jQuery 1.4 iPhone reference app - O! Mr Speaker!

A great portable jQuery reference. No app store required — this uses offline storage.

Glossary | HTML5 Doctor

A very handy glossary of HTML5 from the medical professionals at HTML5 Doctor.

The Typography Manual - For the iPhone and iPod Touch

A glossary of typography that you can carry around with you.

Table of Condiments

Table of Condiments That Periodically Go Bad

FireScope

This addition to Firebug is rather excellent: a built in reference for whatever you're inspecting.

A Whole Lotta Nothing – Apple’s Blind Side

Sometimes Apple gets it wrong and Microsoft gets it right. That's certainly the case for users with low-vision.

Google Doctype - Google Code

This looks like it could be a very valuable resource indeed: a user-contributed and edited reference for HTML, CSS and JavaScript.

jQuery 1.2 Cheat Sheet :: www.gscottolson.com/weblog/

A handy cheat sheet of jQuery methods to print out and keep on hand.

Research Tools | Economist.com | Economist.com

The Economist style guide: the "dos and don'ts" section is particularly useful.