Web Development Resources
This is a (very) small list of resources of interest to web developers.
Design
-
Massimo Vignelli was a well-regarded graphic designer, responsible for the 1972 redesign of the New York City Subway Map and classic American Airlines corporate identification (i.e. - logos.) Vignelli distilled his years of design insights into a single, short document which provides a starting point for thinking about design. Though focused on static graphic design, it is well worth a read by any web designer.
-
The Psychology of Everyday Things
In 1988 Donald A. Norman published this text describing a framework for reasoning about design and how humans interpret the relation of form and function. Later editions of the book were renamed "The Design of Everyday Things." Coming at the beginning of the Human Centered Design renaissance, the text is a "must read" for designers (including web designers.)
Tools
-
This tool generates fake text (similar to Lorem Ipsum) but with a modern flare. It is a decent way to generate placeholder text while you're working on the visual elements of your design.
-
Place Cats generates images of cats at a specified image size. For example, the URL https://placecats.com/300/200 will return a 300 by 200 pixel picture of a cat. This can be very useful when designing the graphical elements of a page.
-
This tool converts binary resources (like images or fonts) into data URI strings. This is useful if you need to embed a resource like an image or a font into a HTML page.
-
This is a tool that retrieves the favicon.ico from a specified site. If you wanted to retrieve the bi6.us favicon, for instance, you could retrieve it from the URL https://favicone.com/www.bi6.us.
-
This is fun. Type in some text and the site will render it using different Unicode / UTF-8 schemes. Useful if you want to add Fraktur, block letter, bubble or upside-down text to your site.