welcome
Hello.
links
Here is a collection of resources that I find either helpful or interesting.
contents
- just smart
- wallpapers
- on-demand (custom) products & printing
- shopping resources
- web development
- typography books
- typography videos
- email management
just smart
Here is a list of anything that is very clever, innovative or just way cool. Have any suggestions to add to this section? Send me an email and let me know.- Johnny Chung Lee — Wii Remote Tricks (Especially Watch the videos for: "Low-Cost Multi-point Interactive Whiteboards Using the Wiimote" & "Head Tracking for Desktop VR Displays using the Wii Remote", $14 Steadycam, Little Great Ideas, LLC, Kinetic Typography
- Common Craft - Instructional Videos — "Our product is explanation." These are the best instructional videos I have ever seen. Instead of doing a boring PowerPoint or a "talking head" recording, they came up with a different idea. They pointed the camera at a whiteboard and use a combination of paper printouts, drawing & pointing. Combined with clear verbal explanations, their unique style allows for rapid comprehension of new topics.
wallpapers
- Vladstudio - an amazing collection of wallpapers from the Russian digital artist Vlad Gerasimov.
- Digital Blasphemy - the classic website for computer wallpapers by Ryan Bliss.
on-demand (custom) products & printing
- Zazzle — You can create your own products! Or buy ones that other people & major companies have designed. Their products really are retail quality, so check it out!
- VistaPrint — This is the best place to go for affordable custom printing. Business cards, note pads, note cards, and lots of other great stationery/products. They have design templates that you can customize or you can upload your own designs. A money saving hint, sign up for their email newsletter. They will regularly send you discounted offers and really great specials.
- MOO — This is a printing company that tries to make themselves more fun than your standard printing place. They allow you to take your images and easily upload them to make various stationary products, like greeting cards, note cards, post cards, mini cards (half-sized business cards), sticker books, etc.
shopping resources
- WalletBe — "The smarter wallet for smarter people." I spent way too much time looking for a new wallet. I wanted something that I could fully zipper enclose so stuff would not fall out. I ended up getting WalletBe's Secure Passport Wallet. For some people this wallet will be a little too big, but for me it works great. They also sell slimmer wallets that many people prefer (in both men & women's styles). Before you click on any of their actual products, on the product information category page, scroll all the way to the bottom and you'll see short YouTube videos with the creator showing off that particular category's style of wallet. The videos aren't that exciting, but they do give you a good idea what the different wallets look like.
web development books
Here is a list of books for someone who is new to Website Development or for anyone that wants to hone their skills. All of these links will bring you to the product's page on Amazon.com.- HTML Dog: The Best-Practice Guide to XHTML and CSS — By: Patrick Griffiths - This is by far the best book for learning XHTML. This book is for the novice, but it is very well done. Makes a good read and an excellent reference book. Also note, HTML Dog - The Website
- Beginning CSS Web Development: From Novice to Professional — By: Simon Collison - This is by far the best book for learning CSS.
- The CSS Anthology: 101 Essential Tips, Tricks & Hacks — By: Rachel Andrew - A great reference work. The layout of this book makes it easy to skim for specific information or study the topic in small pieces.
typography books
Here is a list of books for someone who is new to the field and wants to start learning the basics about Typography. All of these links will bring you to the product's page on Amazon.com. If you know of any other great Typography resources, please send me an email and let me know about them.
- Designing Type — By: Karen Cheng
- On Book Design — By: Richard Hendel
- Type Rules! — By: Ilene Strizver
- Professional Design Techniques with Adobe Creative Suite 3 — By: Scott Citron
- Getting it Right with Type — By: Victoria Squire
- Stop Stealing Sheep — By: Erik Spiekermann
- Thinking with Type — By: Ellen Lupton
- The Complete Manual of Typography — By: James Felici
typography videos
- Moving Type— Great little movie clip about expressive & illustrative Letterforms.
- Helvetica A Documentary Film — By: Gary Hustwit. This is a DVD Video that is probably the best documentary film I have ever seen. If you are interested in Typography, Graphic Design, or just want to see a very well done documentary, then check out this film.
- Teaching type in the city — By: Karen Cheng (The author of the amazing book "Designing Type") - audio and slides of her lecturing in Brighton. Scroll down to the "Teaching type in the city" section and click on the heading or on the small picture of Karen Cheng. That will pop-up a screen with a few different viewing options. Also notice there is a button to download the video.
- Typographics - Vancouver Film School (VFS) — Here is a short video clip (which is more commonly referred to as "Typographics by Boca") on YouTube.com, that just briefly describes what Typography is.
email management
fonts
Once you take the plunge into typography you will never see a billboard, sign, pamphlet, restaurant menu, book or website the same again. Remember that Fonts are the computer's instructions for producing a certain typographic style. So just imagine typography as being the cookie dough and a computer font as being the cookie cutter.
contents
- font resources
- breakdown of the new fonts
- ideal programming font
- design by fire - Andrei Michael Herasimchuk's "an open letter to John Warnock"
- the problems with web typography
- a request to authors & publishers
font resources
Here are some fonts that I either use and adore or just adore. Except for the Microsoft fonts, all of the premium fonts listed below are expensive and are not practical purchases for individuals. My purpose in listing these premium fonts is so you can see the ideas and style that have been incorporated into the design for these fonts.
-
exljbris Font Foundry — (Mostly) Free, Delicious, Fontin, Fontin Sans, Fertigo Pro, Tallys, Diavlo, Anivers, MUSEO — wow, I don't know how he finds the time to produce all of these!
-
Klim Type Foundry — Premium, Feijoa, FF Meta Serif, National, Newzald, — Kris Sowersby's contemporary typefaces.
-
Underware graphic design studio — (Mostly) Premium, Auto, Bello, Dolly, Fakir, Sauna, Unibody 8 — they always try to balance being functional & fun.
-
Soho - Premium, By: Seb Lester. To get a quick preview of this slab serif typeface, follow the link and you will see a short flash video and an available PDF type specimen book.
-
Gentium — Free, a typeface for the nations.
-
Divide By Zero: Free TrueType Fonts - Free, a large number of fun & playful display fonts.
-
Bitstream Vera - Free, great set of Open Source serif, sans-serif and monospace fonts.
-
The Microsoft Cleartype Font Collection: Calibri, Cambria, Candara, Consolas, Constantia, Corbel - Premium, Bundled with Windows Vista and Microsoft Office 2007. For more information, check out poynter.org, neosmart.net, typographica.org and jeffmilner.com. All of the fonts start with the letter 'C' because they have been crafted with ClearType in mind. In fact if you have the fonts installed on a Windows XP computer and they look horrible, just enable ClearType and then they will become clear.
breakdown of the new fonts:
-
serif
-
Cambria: Replacing the role of "Arial", the new default heading text font in Office 2007. From the Cambria Poster XPS document:
"Cambria has been designed for on-screen reading and to look good when printed at small sizes. It has very even spacing and proportions. Diagonal and vertical hairlines and serifs are relatively strong, while horizontal serifs are small and intended to emphasize stroke endings rather than stand out themselves. This principle is most noticeable in the italics, where the lowercase characters are subdued in style, to be at their best as elements of word-images. This font is suitable for business documents, email, web design."
-
Constantia: This font was designed from the ground up so that it can be used in a publication that will available in both an on screen medium and a print version, without having to have a different font for each medium. This one works well in both worlds - electronic and print. From the Constantia Poster XPS document:
"Constantia is a modulated wedge-serif typeface designed primarily for continuous text in both electronic and paper publishing. The design responds to the recent narrowing of the gap between screen readability and traditional print media, exploiting specific aspects of the most recent advances in ClearType rendering, such as subpixel positioning. The classic proportions of relatively small x-height and long extenders make Constantia ideal for book and journal publishing, while the slight squareness and open counters ensure that it remains legible even at small sizes. This font is suitable for book typesetting, email, web design, and magazines."
-
Cambria: Replacing the role of "Arial", the new default heading text font in Office 2007. From the Cambria Poster XPS document:
-
sans serif
-
Calibri: Replacing the role of "Times New Roman", the new default body text font in Office 2007. From the Calibri Poster XPS document:
"Calibri is a modern sans serif family with subtle roundings on stems and corners. It features real italics, smallcaps, and multiple numeral sets. Its proportions allow high impact in tightly set lines of big and small text alike. This font is suitable for documents, email, web design, and magazines."
-
Candara: From the Candara Poster XPS document:
"A humanist sans with verticals showing a graceful entasis on stems, high-branching arcades in the lowercase, large apertures in all open forms, and unique ogee curves on diagonals. The resulting texture is lively but not intrusive, and makes for a friendly and readable text. This font is suitable for email, web design, magazines, and informal typographic setting."
-
Corbel: From the Corbel Poster XPS document:
"Corbel is designed to give an uncluttered and clean appearance on screen. The letter forms are open with soft, flowing curves. It is legible, clear, and functional at small sizes. At larger sizes, the detailing and style of the shapes is more apparent, resulting in a modern sans serif type with a wide range of possible uses. This font is suitable for business documents, email, web design."
-
Calibri: Replacing the role of "Times New Roman", the new default body text font in Office 2007. From the Calibri Poster XPS document:
-
monospace
-
Consolas: Replacing the role of "Courier New", "Courier", "Lucida Console", for use in text editors and programming environments. From the Consolas Poster XPS document:
"Consolas is intended for use in programming environments and other circumstances where a monospaced font is specified. All characters have the same width, like old typewriters, making it a good choice for personal and business correspondence. The improved Windows font display allowed a design with proportions closer to normal text than traditional monospaced fonts like Courier. This allows for more comfortable reading of extended text on-screen."
-
Consolas: Replacing the role of "Courier New", "Courier", "Lucida Console", for use in text editors and programming environments. From the Consolas Poster XPS document:
-
ideal programming font
A font that makes clear the following characters:
- "l" [Lowercase, 12th Letter in the Alphabet]
- "i" [Lowercase, 9th Letter in the Alphabet]
- "1" [Number One]
- "o" [Lowercase, 15th Letter in the Alphabet]
- "O" [Uppercase, 15th Letter in the Alphabet]
- "0" [Number Zero]
- "Z" [Uppercase, 26th Letter in the Alphabet]
- "2" [Number Two]
- "B" [Uppercase, 2nd Letter in the Alphabet]
- "8" [Number Eight]
Having these characters extra clear may seem like a trivial detail at first, but if you invest any amount of time into programming, or even lengthy reading on the computer, the improved comprehension, especially when skimming or reading over sections of text or code quickly makes picking out a good font well worth the time.
My favorites are:
- Consolas - Premium, Bundled with Windows Vista and Microsoft Office 2007
- Bitstream Vera Sans Mono - Free
- Pragmata - Premium
design by fire - Andrei Michael Herasimchuk's "an open letter to John Warnock"
This is a very interesting letter, well worth the read. Also searching with Google for "an open letter to adobe fonts" will get you some interesting blog posts with people's reactions and further ideas on this topic. Now he has also posted a follow up to his open letter, "The Unfortunate Death of Helvetica."
the problems with web typography
There was a great lecture given at "South by Southwest 2007" about all of the current problems with Web Typography. Information Architects Japan also posted a great article about why Web Typography is so important, since in his opinion, Web Design is 95% Typography.
a request to authors & publishers
Please, in whatever you produce and publish, include a little section, whether it is a "Colophon" or an "About The Type" and let us know what Typefaces you choose for a certain project and why. A nod of thanks to all of you who have already picked up on this increasingly popular trend, and to all of you decide to join in.
contact
The email address listed below is my secondary email address. I check this secondary email account regularly. If you are someone that I know, send me an email and I will reply with my primary email address.
(In order to email me you will have to transcribe the address shown in the image into your email client.)
about
contents
about the type
There is no way for me to know what particular computer system that you happen to be on, whether it is a Windows PC, a Mac or a Linux/Unix machine. On top of that I do not know what particular fonts you have installed on your system. So the list of fonts CSS goes through in order from left to right and if you have the font it displays it, if not then it goes through the list. If all else fails it will display the default sans-serif or monospace font installed on your system. I have included the new Windows Vista fonts as the first choice and for the follow up choices I tried to pick fonts that come installed by default on Mac OS X and Windows XP.
- Body Text: Calibri, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif
- Headings 1 - 4: Cambria, Futura, Helvetica, Arial, sans-serif
- Code: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, "Lucida Console", monospace
- Blockquote: Corbel, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
about me
You want to know something about me?!?! Oh, alright... I am fascinated by Information Technology on many different levels. I enjoy learning about smart and unique thinking in any field. I am always most amazed by the ability to create something out of nothing (or virtually nothing) to create environments, solve problems, inspire, inform, or for just plain fun!