SlideShare a Scribd company logo

Web Type: 80% Science, 20% Art

Jon Tan
Jon Tan

Slides from a talk given at SkillSwap Brighton in Jan, 2009 with an accompanying blog post

1 of 42
Download to read offline
80% Science, 20% Art
                                Jon Tan




Monday, March 9, 2009
A kid on a plane
       Loves language. Likes tangerines & Toblerone.

                 Works at http://omniti.com/
            Pontificates at http://jontangerine.com/




Monday, March 9, 2009
Science
                 From Proto-Indo-European base
                        *skei- ‘to split, rend, cleave’
                               —knowledge.



                Vitruvian Man — Leonardo DaVinci (1487).




Monday, March 9, 2009
Art
                 From Proto-Indo-European base
                        *ar- ‘fit together, join’
                               —ski).



                          Detail of χρ (‘Chi-Rho’)
           in the Book of Ke)s (Leabhar Cheanannais), c. 800AD




Monday, March 9, 2009
Print
                        Wrestling & wind bags
        by Yee-Haw Industries, Knoxvi)e, Tennessee



                  The opening slide image was of their press!




Monday, March 9, 2009
Web typography?
                        http://typedeskref.com/
              The Typographic Desk Reference
          by Theodore Rosendorf (Oak Kno)) 2009.




Monday, March 9, 2009

Recommended

Emergence
EmergenceEmergence
Emergenceblprnt
 
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.Martin Pielot
 
BDW: How To Pitch Your Ideas
BDW: How To Pitch Your IdeasBDW: How To Pitch Your Ideas
BDW: How To Pitch Your IdeasDavid Cohen
 
ETech 09 Keynote: Work on Stuff that Matters
ETech 09 Keynote: Work on Stuff that MattersETech 09 Keynote: Work on Stuff that Matters
ETech 09 Keynote: Work on Stuff that MattersTim O'Reilly
 
Designing the experience of locative media
Designing the experience of locative mediaDesigning the experience of locative media
Designing the experience of locative mediaLauri Laineste
 
LACLO 2009 presentation
LACLO 2009 presentationLACLO 2009 presentation
LACLO 2009 presentationErik Duval
 
Sxsw2013 designsci
Sxsw2013 designsciSxsw2013 designsci
Sxsw2013 designscijjongsma
 
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009Julian Bleecker
 

More Related Content

Similar to Web Type: 80% Science, 20% Art

OpenID DrupalCon 2009
OpenID DrupalCon 2009OpenID DrupalCon 2009
OpenID DrupalCon 2009James Walker
 
Agile2009
Agile2009Agile2009
Agile2009twh
 
Snow Science (Amber Group 7A)
Snow Science (Amber Group 7A)Snow Science (Amber Group 7A)
Snow Science (Amber Group 7A)glenworthing
 
Huffduffer
HuffdufferHuffduffer
Huffdufferadactio
 
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...aungstad
 
Fennec Introduction WinMoA3
Fennec Introduction WinMoA3Fennec Introduction WinMoA3
Fennec Introduction WinMoA3dynamis
 
Mobile Mountains - OverTheAir 2009
Mobile Mountains - OverTheAir 2009Mobile Mountains - OverTheAir 2009
Mobile Mountains - OverTheAir 2009twh
 
Many paths to the top of the (mobile) mountain - Skiff Warmup
Many paths to the top of the (mobile) mountain - Skiff WarmupMany paths to the top of the (mobile) mountain - Skiff Warmup
Many paths to the top of the (mobile) mountain - Skiff Warmuptwh
 
Public Libraries And Technology The Future
Public Libraries And Technology   The FuturePublic Libraries And Technology   The Future
Public Libraries And Technology The FutureChris Batt
 
Collaboration: Top Ten Trends
Collaboration: Top Ten TrendsCollaboration: Top Ten Trends
Collaboration: Top Ten TrendsRodd Lucier
 
Four Steps For Better PowerPoint Presentations
Four Steps For Better PowerPoint PresentationsFour Steps For Better PowerPoint Presentations
Four Steps For Better PowerPoint Presentationsbrhughes
 
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)Imran Ali
 

Similar to Web Type: 80% Science, 20% Art (20)

OpenID DrupalCon 2009
OpenID DrupalCon 2009OpenID DrupalCon 2009
OpenID DrupalCon 2009
 
fingertips
fingertipsfingertips
fingertips
 
Agile2009
Agile2009Agile2009
Agile2009
 
Snow Science (Amber Group 7A)
Snow Science (Amber Group 7A)Snow Science (Amber Group 7A)
Snow Science (Amber Group 7A)
 
The New GM
The New GMThe New GM
The New GM
 
Huffduffer
HuffdufferHuffduffer
Huffduffer
 
Google in Education (just a peek)
Google in Education (just a peek)Google in Education (just a peek)
Google in Education (just a peek)
 
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
 
Fennec Introduction WinMoA3
Fennec Introduction WinMoA3Fennec Introduction WinMoA3
Fennec Introduction WinMoA3
 
Mobile Mountains - OverTheAir 2009
Mobile Mountains - OverTheAir 2009Mobile Mountains - OverTheAir 2009
Mobile Mountains - OverTheAir 2009
 
Many paths to the top of the (mobile) mountain - Skiff Warmup
Many paths to the top of the (mobile) mountain - Skiff WarmupMany paths to the top of the (mobile) mountain - Skiff Warmup
Many paths to the top of the (mobile) mountain - Skiff Warmup
 
Public Libraries And Technology The Future
Public Libraries And Technology   The FuturePublic Libraries And Technology   The Future
Public Libraries And Technology The Future
 
Collaboration: Top Ten Trends
Collaboration: Top Ten TrendsCollaboration: Top Ten Trends
Collaboration: Top Ten Trends
 
FOUR PILLARS of Technology Integration
FOUR PILLARS of Technology IntegrationFOUR PILLARS of Technology Integration
FOUR PILLARS of Technology Integration
 
Manoeuvres
ManoeuvresManoeuvres
Manoeuvres
 
Why I Hate Drupal
Why I Hate DrupalWhy I Hate Drupal
Why I Hate Drupal
 
Four Steps For Better PowerPoint Presentations
Four Steps For Better PowerPoint PresentationsFour Steps For Better PowerPoint Presentations
Four Steps For Better PowerPoint Presentations
 
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)
6: Could hardware hacking save us? (Alexandra Deschamps-Sonsino)
 
The future of tech?
The future of tech?The future of tech?
The future of tech?
 
IVC Videoconferencing K12
IVC Videoconferencing K12IVC Videoconferencing K12
IVC Videoconferencing K12
 

Recently uploaded

acervus process book no cover--character
acervus process book no cover--characteracervus process book no cover--character
acervus process book no cover--characterschell
 
Cargo joggers tech pack for womenswear used in industry
Cargo joggers tech pack for womenswear used in industryCargo joggers tech pack for womenswear used in industry
Cargo joggers tech pack for womenswear used in industryDarshiniPatel16
 
Hill Area development- Issues and Options
Hill Area development- Issues and OptionsHill Area development- Issues and Options
Hill Area development- Issues and OptionsJIT KUMAR GUPTA
 
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesMidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesSaurav Srivastava
 
urban design case study of old city Jodhpur
urban design case study of  old city Jodhpururban design case study of  old city Jodhpur
urban design case study of old city JodhpurSreyaseeNath1
 
impact of packaging on consumer buying behaviour project report pdf.pdf
impact of packaging on consumer buying behaviour project  report pdf.pdfimpact of packaging on consumer buying behaviour project  report pdf.pdf
impact of packaging on consumer buying behaviour project report pdf.pdfSanjivanisShirodkar
 
Interior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionInterior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionNityaSharma77
 
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptsustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptAr. TANIA BERA
 
Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfLizShek
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfLizShek
 
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...JIT KUMAR GUPTA
 
Ergonomics - Chapter 3 - Workstation Facilities Design
Ergonomics - Chapter 3 - Workstation Facilities DesignErgonomics - Chapter 3 - Workstation Facilities Design
Ergonomics - Chapter 3 - Workstation Facilities DesignRienaMacapagal1
 
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbv
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbvStoryboard.pdfbueiearviaelvr;aeibvribrvipervwbv
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbv22nvatafu
 
Mother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfMother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfLizShek
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSROHISIVAM
 
The Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignThe Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignAlbany Glass
 
VSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterVSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterschell
 
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfAnavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfanishdishis
 
Concept of Partition Wall Panelling Cladding.ppt
Concept of Partition Wall Panelling Cladding.pptConcept of Partition Wall Panelling Cladding.ppt
Concept of Partition Wall Panelling Cladding.pptAr. TANIA BERA
 
Copy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffCopy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffschell
 

Recently uploaded (20)

acervus process book no cover--character
acervus process book no cover--characteracervus process book no cover--character
acervus process book no cover--character
 
Cargo joggers tech pack for womenswear used in industry
Cargo joggers tech pack for womenswear used in industryCargo joggers tech pack for womenswear used in industry
Cargo joggers tech pack for womenswear used in industry
 
Hill Area development- Issues and Options
Hill Area development- Issues and OptionsHill Area development- Issues and Options
Hill Area development- Issues and Options
 
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesMidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
 
urban design case study of old city Jodhpur
urban design case study of  old city Jodhpururban design case study of  old city Jodhpur
urban design case study of old city Jodhpur
 
impact of packaging on consumer buying behaviour project report pdf.pdf
impact of packaging on consumer buying behaviour project  report pdf.pdfimpact of packaging on consumer buying behaviour project  report pdf.pdf
impact of packaging on consumer buying behaviour project report pdf.pdf
 
Interior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionInterior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features Extraction
 
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptsustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
 
Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdf
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdf
 
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
 
Ergonomics - Chapter 3 - Workstation Facilities Design
Ergonomics - Chapter 3 - Workstation Facilities DesignErgonomics - Chapter 3 - Workstation Facilities Design
Ergonomics - Chapter 3 - Workstation Facilities Design
 
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbv
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbvStoryboard.pdfbueiearviaelvr;aeibvribrvipervwbv
Storyboard.pdfbueiearviaelvr;aeibvribrvipervwbv
 
Mother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfMother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdf
 
EXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNSEXPLORING VARIOUS UI INTERACTION PATTERNS
EXPLORING VARIOUS UI INTERACTION PATTERNS
 
The Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignThe Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel Design
 
VSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterVSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf character
 
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfAnavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
 
Concept of Partition Wall Panelling Cladding.ppt
Concept of Partition Wall Panelling Cladding.pptConcept of Partition Wall Panelling Cladding.ppt
Concept of Partition Wall Panelling Cladding.ppt
 
Copy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffCopy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffff
 

Web Type: 80% Science, 20% Art

  • 1. 80% Science, 20% Art Jon Tan Monday, March 9, 2009
  • 2. A kid on a plane Loves language. Likes tangerines & Toblerone. Works at http://omniti.com/ Pontificates at http://jontangerine.com/ Monday, March 9, 2009
  • 3. Science From Proto-Indo-European base *skei- ‘to split, rend, cleave’ —knowledge. Vitruvian Man — Leonardo DaVinci (1487). Monday, March 9, 2009
  • 4. Art From Proto-Indo-European base *ar- ‘fit together, join’ —ski). Detail of χρ (‘Chi-Rho’) in the Book of Ke)s (Leabhar Cheanannais), c. 800AD Monday, March 9, 2009
  • 5. Print Wrestling & wind bags by Yee-Haw Industries, Knoxvi)e, Tennessee The opening slide image was of their press! Monday, March 9, 2009
  • 6. Web typography? http://typedeskref.com/ The Typographic Desk Reference by Theodore Rosendorf (Oak Kno)) 2009. Monday, March 9, 2009
  • 7. Print != web http://typedeskref.com/ with CSS and images disabled Monday, March 9, 2009
  • 8. But, but, the ligatures NB. For ‘st’ use &#64262 instead if the typeface has it, or browser has a way of finding a fa)-back (FF/OS X). Test for taste Monday, March 9, 2009
  • 9. Oops! Before: Georgia Oblique? Monday, March 9, 2009
  • 10. Ah, that’s better A+er a bit of Twittering: Georgia Italic! Monday, March 9, 2009
  • 11. Endless possibilities Bruce Lawson’s Zen Garden Geocities spoof. Monday, March 9, 2009
  • 12. Some better than others The Elements of Typographic Style Applied to the Web Monday, March 9, 2009
  • 13. And so on Simon Pascal Klein Monday, March 9, 2009
  • 14. And on Jeff Cro- Monday, March 9, 2009
  • 15. And on Jason Santa Maria Monday, March 9, 2009
  • 16. Sti), it could get TRICKY Monday, March 9, 2009
  • 17. Choosing typefaces ❖ Science (legibility, serifs, sans & file types) ❖ The grid Breaking down the parts Monday, March 9, 2009
  • 18. Serif versus sans ❖ Core web fonts / stacks / @font-face ❖ Choosing faces ❖ X-height ❖ Humanist, grotesque, modern, geometric, etc? For your consideration ❖ Performance: Hinting, CRT versus LCD / LED Monday, March 9, 2009
  • 19. Serif & Sans Monday, March 9, 2009
  • 20. What does it say? Futura. Monday, March 9, 2009
  • 21. Any better? Georgia. Monday, March 9, 2009
  • 22. Now? Futura. Monday, March 9, 2009
  • 23. And this? Georgia. Monday, March 9, 2009
  • 24. Ta-daa! You were right! (And it happens to be true.) Ask me about duck fat .ies, sometime. Monday, March 9, 2009
  • 25. Core Web Fonts Andale Mono by Steve Matteson Arial by Robin Nicholas and Patricia Saunders Arial Black by Robin Nicholas and Patricia Saunders Comic Sans MS by Vincent Connare Courier New by Adrian Frutiger Georgia by Matthew Carter Impact by Geoffrey Lee Times New Roman by Stanley Morison with Starling Burgess and Victor Lardent Trebuchet MS by Vincent Connare Verdana by Matthew Carter Monday, March 9, 2009
  • 26. The Raster Wars Different operating system, different browser, different result. Monday, March 9, 2009
  • 27. Choose faces based on: i. The text! ii. And, legibility: i. Is the weight sufficient? ii. How does the x-height affect the weight? iii. How does the leading affect the weight? iv. How are the faces hinted across different platforms? Monday, March 9, 2009
  • 28. The grid How they do — traditional grids ❖ ‘I did it my way‘ — baseline web grid ❖ Box it up. Monday, March 9, 2009
  • 29. Wim Crouwel One grid to rule them a). Vormgevers poster for the Stedelik Museum, Amsterdam, by Wim Crouwel, 1968. (Happy 80th birth year, Wim!) Monday, March 9, 2009
  • 30. ‘I did it my way…’ A baseline web grid (Props to Sinatra for the tangerine cardy and skin tone) Monday, March 9, 2009
  • 31. Tangerine grids For enacted narratives, read the text! ❖ Choose type based on content, platform hinting at a give size and x-height ❖ ❖ Try in the layout — adjust leading (line-height) to suit ❖ Basic leading is god — apply a multiple or division of it to everything ❖ Throw in some Fibonnaci numbers For example… Monday, March 9, 2009
  • 32. 1. Basic body text & leading Monday, March 9, 2009
  • 33. 2. One lead is the grid! Monday, March 9, 2009
  • 34. 3. Head & lead, multiplied Monday, March 9, 2009
  • 36. 5. Scale and Fibonacci numbers Monday, March 9, 2009
  • 38. Art Applying what you know Monday, March 9, 2009
  • 40. ‘An object can never compete with an experience.’ —Hamish Fulton, walking artist, Bristol Paradise on Fire I—Sergio Vega, (Brazil), 2007 Monday, March 9, 2009
  • 42. Credits Yee Haw Industries Heidelberg Windmi) Press: http://www.flickr.com/photos/tnboriqua/1176715935 ❖ ❖ Sinatra: http://www.flickr.com/photos/marcelonoah/2939542950 ❖ Copy used in examples .om The God-Idea of the Ancients (or Sex in Religion) by Eliza Gamble: http://www.authorama.com/god-idea-of-the-ancients-1.html ❖ Auto polo: http://www.flickr.com/photos/library_of_congress/2477626151/ ❖ Semi-colon sort: http://www.flickr.com/photos/dotjay/2998872553/ ❖ Boxers: http://www.flickr.com/photos/library_of_congress/2162651915/ ❖ Painting the wing: http://www.flickr.com/photos/library_of_congress/2178436353/ ❖ Grenade thrower: http://www.flickr.com/photos/library_of_congress/2179130295/ ❖ Amazon photograph © Sergio Vega, 2007: http://podcasts.thestranger.com/2008/05/invisible_sergio_vega Monday, March 9, 2009

Editor's Notes

  1. Heidelberg Windmill press at Yee Haw Industries, Knoxville, TN. http://www.yeehawindustries.com/
  2. Proportion relating to geometry. c.1300, \"knowledge (of something) acquired by study,\" also \"a particular branch of knowledge,\" from O.Fr. science, from L. scientia \"knowledge,\" from sciens (gen. scientis), prp. of scire \"to know,\" probably originally \"to separate one thing from another, to distinguish,\" related to scindere \"to cut, divide,\" from PIE base *skei- (cf. Gk. skhizein \"to split, rend, cleave,\" Goth. skaidan, O.E. sceadan \"to divide, separate;\" Proto-Indo-European 5,500 (approx 3,500 BC)
  3. Insular art. — c.1225, \"skill as a result of learning or practice,\" from O.Fr. art, from L. artem, (nom. ars) \"art, skill, craft,\" from PIE *ar-ti- (cf. Skt. rtih \"manner, mode;\" Gk. arti \"just,\" artios \"complete;\", from base *ar- \"fit together, join\" Proto-Indo-European 5,500 (approx 3,500 BC)
  4. Uses tables. No heading hierarchy, no semantics, no alt attribute values. Visually interesting, but flawed web design.
  5. Stylistic ligatures. Yum, but not worth it.
  6. Obliques, faked in an image! Argh. Font synthesis in CSS can have the same effect. Lucida oblique, anyone?
  7. With font-variant (small-caps), font-weight, font-stretch (condensed), and font-size-adjust (x-height) the field is wide open to synthesis, but is it a good thing?
  8. Animated gifs. The possibilities are scary.
  9. The eternal (empty) debate on the Web. Hinting and x-height are more important at lower resolutions.
  10. Jost Hotchuli - Detail in Typography
  11. Discuss file types: OTF TTF Postscript Discuss FONT STACK
  12. Also, Webdings but we should we count that?
  13. 1. ClearType in Vista still uses Windows’ old GDI (Graphic Device Interface) 2. Vista does ship with the new WPF (Windows Presentation Foundation) - ciurretly used in Silveright - but IE does not use it 3. Firefox - Cairo for drawing, ATSUI for rendering. Cairo == API layer over quartz 4. Also: Kerning variations.
  14. c.1225, \"skill as a result of learning or practice,\" from O.Fr. art, from L. artem, (nom. ars) \"art, skill, craft,\" from PIE *ar-ti- (cf. Skt. rtih \"manner, mode;\" Gk. arti \"just,\" artios \"complete;\", from base *ar- \"fit together, join\" Proto-Indo-European 5,500 (approx 3,500 BC)
  15. c.1225, \"skill as a result of learning or practice,\" from O.Fr. art, from L. artem, (nom. ars) \"art, skill, craft,\" from PIE *ar-ti- (cf. Skt. rtih \"manner, mode;\" Gk. arti \"just,\" artios \"complete;\", from base *ar- \"fit together, join\" Proto-Indo-European 5,500 (approx 3,500 BC)
  16. This is my grid. There are many like it but this one is mine.
  17. Starting with body text. Read it. Test.
  18. Starting with body text. Read it. Test.
  19. Leonardo of Pisa, known as Fibonacci 202 book Liber Abaci
  20. Painting picture. Douglas aircraft factory during World War 2.
  21. Walking experiences. Photographer: Sergio Vega. The Amazon, Brazil. On FIRE.