<data:blog.pageTitle/>

This Page

has moved to a new address:

http://blog.sheseesred.com

Sorry for the inconvenienceā€¦

Redirection provided by Blogger to WordPress Migration Service
----------------------------------------------- Blogger Template Style Name: Rounders 2 Designer: Douglas Bowman URL: www.stopdesign.com Date: 27 Feb 2004 ----------------------------------------------- */ body { background:#ccc; margin:0; padding:20px 10px; text-align:center; font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif; color:#333; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ @media all { #content { width:740px; margin:0 auto; text-align:left; } #main { width:485px; float:left; background:#fff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000; font-size:97%; line-height:1.5em; } #main2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main3 { background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y; padding:0; } #sidebar { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; background:#fff; } #main2 { float:none; background:none; } #main3 { background:none; } #sidebar { width:100%; float:none; } } /* Links ----------------------------------------------- */ a:link { color:red; } a:visited { color:grey; } a:hover { color:red; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ @media all { #header { background:red url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top; margin:0 0 0; padding:8px 0 0; color:white; } #header div { background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #header { background:#710; } #header div { background:none; } } #blog-title { margin:0; padding:10px 30px 5px; font-size:200%; line-height:1.2em; } #blog-title a { text-decoration:none; color:#fff; } #description { margin:0; padding:5px 30px 10px; font-size:94%; line-height:1.5em; } /* Posts ----------------------------------------------- */ .date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#810; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbb; border-width:1px 0; } .post-title { margin:0; font-size:135%; line-height:1.5em; background:url("http://photos1.blogger.com/blogger/430/2743/1600/sheseesredcross.png") no-repeat 10px .5em; display:block; border:1px dotted #bbb; border-width:0 1px 1px; padding:2px 14px 2px 29px; color:#333; } a.title-link, .post-title strong { text-decoration:none; display:block; } a.title-link:hover { background-color:#eee; color:#000; } .post-body { border:1px dotted #bbb; border-width:0 1px 1px; border-bottom-color:#fff; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } p.post-footer { background:#eee; margin:0; padding:2px 14px 2px 29px; border:1px dotted #bbb; border-width:1px; border-bottom:1px solid #eee; font-size:100%; line-height:1.5em; color:#666; text-align:right; } html>body p.post-footer { border-bottom-color:transparent; } p.post-footer em { display:block; float:left; text-align:left; font-style:normal; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid #ccc; } blockquote { margin:.75em 0; border:1px dotted #ccc; border-width:1px 0; padding:5px 15px; color:#666; } .post blockquote p { margin:.5em 0; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #ccc; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #ccc; font-size:120%; line-height:1.4em; color:red } #comments-block { margin:0 15px 0 9px; } .comment-data { background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; color:#666; } .comment-poster { font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-timestamp { margin:0 0 .5em; padding:0 0 .75em 20px; color:#666; } .comment-timestamp a:link { color:#666; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ @media all { #profile-container { background:#999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom; margin:0 0 15px; padding:0 0 10px; color:#fff; } #profile-container h2 { background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top; padding:10px 15px .2em; margin:0; border-width:0; font-size:115%; line-height:1.5em; color:#fff; } } @media handheld { #profile-container { background:#999; } #profile-container h2 { background:none; } } .profile-datablock { margin:0 15px .5em; border-top:1px dotted #ccc; padding-top:8px; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 10px 5px 0; border:4px solid #ccc; } .profile-data strong { display:block; } #profile-container p { margin:0 15px .5em; } #profile-container .profile-textblock { clear:left; } #profile-container a { color:#fff; } .profile-link a { background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } ul.profile-datablock { list-style-type:none; } /* Sidebar Boxes ----------------------------------------------- */ @media all { .box { background:#fff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color:#666; } .box2 { background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom; padding:0 13px 8px; } } @media handheld { .box { background:#fff; } .box2 { background:none; } } .sidebar-title { margin:0; padding:0 0 .2em; border-bottom:1px dotted #fa0; font-size:115%; line-height:1.5em; color:#333; } .box ul { margin:.5em 0 1.25em; padding:0 0px; list-style:none; } .box ul li { background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted #eee; line-height:1.4em; } .box p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer { clear:both; margin:0; padding:15px 0 0; } @media all { #footer div { background:red url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:#fff; } #footer div div { background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #footer div { background:#710; } #footer div div { background:none; } } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#fff;}

3.7.08

summer of design books

ben from noisy decent graphics has opened up his blog for reviews of design books.

it's summer there right now so of course everyone in london has plenty of time to read the stack of books that gather on the bedside table, while gettings tans and sipping pimms.

i don't have such luxury, but i stumbled on a cool book the other day that i wanted to review anyway, so thought i would do so here and for ben's books (also a great bookstore in bentleigh, in case you were asking).


Designed Maps
Cynthia Brewer


i've become a bit of a fan of maps. since i did some travel around europe last year i realised that there's a definite art to developing that little valuable set of codes and indicators that will (when it comes to tourist maps) be mauled like it's a baby's dummy (pacifier for those NYC peeps). so when i walked into my trust RMIT library and saw this on the 'just released' shelf, i thought i'd check it.

and actually it's pretty cool! it's for GIS Users, which I'm not. and it is probably the geekiest thing i have ever thought was cool (aside from twitter). But i did enjoy checking out the difference between an infrastructure map, topographical map, tourist map and geo-political map. i know, it's kind of obvious, but when they're all together, and when each of those ones has a variety of scale, colour, type, etc, it's quite an interesting lesson in design and visual heirarchy:







Book deets:
Title: Designed maps : a sourcebook for GIS users / Cynthia A. Brewer.
Author: Brewer, Cynthia A., 1960-
Item ID: 31259009136388
Call #: 526.0285 B758
Publisher: ESRI Press.

OK, so it may not be the next hit wonder on the 'must read' list, but if you're into design, urban design, drawing, mapping, place - whatever, then it's an interestingl little book to check out.

Labels: , ,

2 Comments:

At 07 July, 2008 09:56, Anonymous Daniel said...

Great review! I love maps, and more importantly, book about maps. Currently a bit obsessed with Transit Maps of The World. Heading over to NYC this Christmas - hoping to come back with as many maps as possible!

 
At 07 July, 2008 14:28, Blogger lauren said...

thanks daniel! NYC should be map-filled: subway maps, harbour maps, tourist maps, star maps (or is that only in hollywood?), transport maps. eep!

that transit maps book looks ace! i still think the london tube map is the best transit map ever and i started collecting the pocket ones before i left: gillick and shrigley.. to die for.

 

Post a Comment

<< Home