public marks

PUBLIC MARKS from oqdbpo with tag typography

August 2009

July 2008

Typogridphy — A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS Wizardry

by 2 others
Grids & Typography Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS. It also uses a typographical method know as ‘creating vertical rhythm’, whereby all adjacent lines of text line up horizontally, regardless of line breaks and new paragraphs. This method in itself isn’t that difficult to accomplish — using pixels. I have created Typogridphy using ems, meaning the layout is zoomable — try holding your Ctrl key and scrolling your mouse wheel.

June 2008

May 2008

15 Great Examples of Web Typography | i love typography, the typography blog

by 2 others
Welcome to iLT’s second-quarter roundup of sites that use type well. It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the better. The designs are listed in no particular order. Click on the screen-shot to visit the site. Enjoy!

Experiential Typography | One Day Poem Pavilion | Jiyeon Song

by 1 other
The results of an extensive exploration with shadows, the One Day Poem Pavilion demonstrates the poetic, transitory, site-sensitive and time-based nature of light and shadow. Using a complex array of perforations, the pavilion’s surface allows light to pass through creating shifting patterns, which–during specific times of the year–transform into the legible text of a poem. The specific arrangements of the perforations reveal different shadow-poems according to the solar calendar: a theme of new-life during the summer solstice, a reflection on the passing of time at the period of the winter solstice. The time-based nature of the poem–and the visitor’s time-based encounters with it–allow viewers to have different experiences either seeing a stanza of the poem or getting the whole poem. All of these possible experiences are equally valuable and have meanings unique to the individual. This technique has the potential for producing particular effects and meanings within an architectural environment. Without the use of a source of power other than the sun, this project uses light and shadow to push the boundaries of communication and experiential delight.

April 2008

Notes on Design » Blog Archive » Sustainable Typography

by 1 other
The concept of “green” typography may seem ridiculous to non-type-nerds and, yes OK, perhaps typography can’t conquer climate change, but it can certainly help communicate it! With these thoughts in mind, I thought it would be interesting to share some recent examples I’ve found of contemporary typography that truly redefine those terrifying visions of green (and tree-shaped) logos!

Words Are Pictures // Craig Ward

by 3 others
TYPOGRAPHIC DESIGN, ILLUSTRATION AND ART DIRECTION BY CRAIG WARD.

Dreamers Ink Aesthetics™

by 2 others
CONTACT & INFO_ Art Direction, Design, Typography work of Mitchell Paone Brooklyn NYC / 504.905.9554 [email protected]

February 2008

Reform & Revolution / R²

by 4 others
Categories Art Audio Code Design Exhibit Fashion Illustration Installation Interactive Internal Motion Paint Photography Portfolio Technology Typography Web

oqdbpo's TAGS related to tag typography

advertising +   application +   archive +   art +   article +   ascii art +   blog +   book +   collage +   company +   css +   design +   designer +   download +   editorial +   essay +   film +   fine art +   flash +   Flash Design +   flickr +   font +   fonts +   form +   framework +   free +   game +   gothic +   graphic +   grid +   guide +   handmade +   Helvetica +   illustration +   installation +   interactive +   it +   layout +   logo +   magazine +   message +   Mirage +   motion +   movie +   music video +   navigation +   news +   other +   photography +   portal +   portfolio +   poster +   print +   project +   rate +   recommend +   school +   share +   sho +   short movie +   t-shirts +   tdc +   textile +   tools +   web +   web design +   word +