Choosing The Right Font For Your Site

In traditional typography, a font is a particular size, weight and style of a typeface. Each font was a matched set of metal type, one piece (called a “sort”) for each glyph, and a typeface comprised a range of fonts that shared an overall design.

In modern usage, with the advent of digital typography, font is frequently synonymous with typeface. In particular, the use of “vector” or “outline” fonts means that different sizes of a typeface can be dynamically generated from one design.

Read More

Designing Responsive Sites Responsibly

Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).

A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule.

Read More

Time Travel and You: A Beginner’s Guide

Time travel is the concept of moving between different points in time in a manner analogous to moving between different points in space. Time travel could hypothetically involve moving backward in time to a moment earlier than the starting point, or forward to the future of that point without the need for the traveler to experience the intervening period (at least not at the normal rate). Any technological device – whether fictional, hypothetical or actual – that would be used to achieve time travel is commonly known as a time machine.

Read More

Making and Breaking the Grid

In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be use to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape.

Read More