Pinboard (gregg)
https://pinboard.in/u:gregg/public/
recent bookmarks from greggFont size is useless; let’s fix it @ tonsky.me2021-05-15T16:22:08+00:00
https://tonsky.me/blog/font-size/
greggTypography Analysis Design Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:5c6b71975e52/How to Tame Line Height in CSS | CSS-Tricks2020-09-06T21:39:25+00:00
https://css-tricks.com/how-to-tame-line-height-in-css/
greggCSS Typography Examples Code Development Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:8761a9fc9790/Using calc to figure out optimal line-height | Hugo Giraudel2020-09-06T21:27:09+00:00
https://hugogiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/?mc_cid=479294509c
greggCSS Typography HowTo Design Developmenthttps://pinboard.in/https://pinboard.in/u:gregg/b:fc4d1baf4db6/10 excellent font pairing tools for designers | Dribbble Design Blog2020-07-05T01:31:00+00:00
https://dribbble.com/stories/2020/05/27/font-pairing-tools-for-designers
greggFonts Typography Tools Lists Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:b5b25c8e6f98/Golden Ratio Typography (GRT) Calculator2020-05-02T22:25:29+00:00
https://grtcalculator.com/
greggTypography GoldenRatio Tools Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:3a812b3d2f27/Exploring Responsive Type Scales - Design + Sketch - Medium2020-05-02T22:25:03+00:00
https://medium.com/sketch-app-sources/exploring-responsive-type-scales-cf1da541be54
greggResponsive Design Typography ModularScalehttps://pinboard.in/https://pinboard.in/u:gregg/b:431be46c96e6/Mosaic | Monotype.2020-05-02T22:24:27+00:00
https://www.monotype.com/products/mosaic
greggMonotype Typography Fontshttps://pinboard.in/https://pinboard.in/u:gregg/b:3ba3f9cc2415/100% Responsive Typography System using a Modular Scale | Codementor2020-05-02T22:23:55+00:00
https://www.codementor.io/@ricardozea/100-responsive-typography-system-using-a-modular-scale-s5rhft58g
greggTypography Responsive Design DesignSystems ModularScalehttps://pinboard.in/https://pinboard.in/u:gregg/b:071cb457e993/MonoLisa - A font family designed for software developers. Font follows function.2020-05-02T15:32:27+00:00
https://www.monolisa.dev/#playground
greggFonts Typography Development Codehttps://pinboard.in/https://pinboard.in/u:gregg/b:c606c396aeb2/Vertical Rhythm in Sketch | Better Web Type2020-02-23T03:30:04+00:00
https://betterwebtype.com/articles/2019/07/02/designing-with-a-baseline-grid-and-vertical-rhythm-in-sketch/?mc_cid=5dff92e9fc
greggTypography Sketch Design Grids Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:4fcc181174f2/New Kansas - Newlyn2020-02-19T05:13:00+00:00
https://newlyn.com/fonts/new-kansas/
greggTypefaces Fonts Design Typographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:48c9c6c2477e/Vertical Rhythm in Sketch | Better Web Type2019-08-13T20:40:29+00:00
https://betterwebtype.com/articles/2019/07/02/designing-with-a-baseline-grid-and-vertical-rhythm-in-sketch/?mc_cid=5dff92e9fc&mc_eid=709ef7d5f1
greggDesign Typography Sketch HowTo Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:f7cfbbb5f24d/Kick-start your typography system in Figma2019-06-21T06:10:31+00:00
https://www.figma.com/blog/kick-start-your-typography-system-in-figma/
greggTypography Figma HowTo Design Toolshttps://pinboard.in/https://pinboard.in/u:gregg/b:794fe85846c6/Getting to the bottom of line height in Figma2019-05-09T07:48:56+00:00
https://www.figma.com/blog/line-height-changes/
greggFigma Typography Analysis Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:7e30879feac4/Bold and italics, the choice isn't yours | 8 Yard2019-04-30T07:34:50+00:00
http://8yd.no/article/bold-and-italics-not-a-choice
greggTypography Examples BestPractices HTML CSShttps://pinboard.in/https://pinboard.in/u:gregg/b:17a401c24662/Intro to Font Metrics2019-03-27T09:12:31+00:00
http://westonthayer.com/writing/intro-to-font-metrics/
greggFonts Typography Introductions Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:9ef78224996f/Reading List · Frank Rausch2019-03-21T19:16:45+00:00
https://frankrausch.com/reading-list
greggTypography Resources Reading Recommendations Design Listshttps://pinboard.in/https://pinboard.in/u:gregg/b:9d1a58118237/A Five Minutes Guide to Better Typography — Pierrick Calvez2017-10-04T08:34:56+00:00
http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography
greggTypography Advice Presentations Designhttps://pinboard.in/u:gregg/b:316e7b082e93/Typography in Sketch 3: Linked Text Styles – .Sketch App – Medium2017-09-11T06:53:29+00:00
https://medium.com/sketch-app/typography-in-sketch-3-linked-text-styles-9946a32af688
greggSketch Typography Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:15b8bbecd03e/Why is Vertical Rhythm an Important Typography Practice? | Zell Liew's blog about web design and development2016-03-12T18:37:51+00:00
http://zellwk.com/blog/why-vertical-rhythms/
greggTypography Examples HowTo Gridshttps://pinboard.in/https://pinboard.in/u:gregg/b:1674558d6b65/A Beginner’s Guide to Kerning Like a Designer – Design School2016-02-11T04:19:46+00:00
https://designschool.canva.com/blog/kerning/
greggKerning Typography HowTo Examples Guideshttps://pinboard.in/https://pinboard.in/u:gregg/b:3293d5eb9beb/Why San Francisco — MartianCraft — The Syndicate — Medium2016-01-28T05:14:25+00:00
https://medium.com/martiancraft-s-syndicate/why-san-francisco-b86bd45f3273#.843pzpm1k
greggTypography Fonts SanFrancisco Examples Analysishttps://pinboard.in/https://pinboard.in/u:gregg/b:ee0bd92c97f2/Everything I know about responsive web typography with CSS — Zell Liew2016-01-26T04:44:56+00:00
http://www.zell-weekeat.com/responsive-typography
greggTypography Responsive CSS Examples HowTohttps://pinboard.in/https://pinboard.in/u:gregg/b:3c49d54b23bc/Typewolf → Typography Inspiration for the Modern Web2014-12-26T14:35:17+00:00
http://www.typewolf.com/
greggFonts Typography Examples Design Inspirationhttps://pinboard.in/https://pinboard.in/u:gregg/b:226d0c002228/So What’s the Big Deal with Horizontal & Vertical Bezier Handles Anyway? | The Australian Graphic Supply Co2014-05-13T14:33:35+00:00
http://theagsc.com/community/tutorials/so-whats-the-big-deal-with-horizontal-vertical-bezier-handles-anyway
greggIllustrator Typography HowTo Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:35f0e21c7d33/Blog | 1910 Design & Communication: A Typographic Approach to Email2014-03-06T18:59:57+00:00
http://blog.weare1910.com/post/78113100010/a-typographic-approach-to-email
greggEmail Typography Design Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:60e23431ef0f/Using Sass & Compass Vertical Rhythm to set up typography defaults in a project. — Typography — Medium2014-03-03T15:26:35+00:00
https://medium.com/typography/34fe2f1d2c02
greggTypography Sass CSS Examples Code HowTohttps://pinboard.in/https://pinboard.in/u:gregg/b:7a1b72b1e08e/Inge Druckrey: Teaching to See on Vimeo2014-03-02T16:10:18+00:00
http://vimeo.com/45232468
greggVideos Design IngeDruckrey Art Typographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:49b5de86fde7/Great Typefaces of 2013 — Shawn Blanc2014-02-04T16:09:22+00:00
http://shawnblanc.net/2014/01/great-typefaces-of-2013/
greggTypefaces 2013 BestOf Lists Design Typography Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:c83e7cf14946/Run Ragged ◆ 24 ways2014-01-07T20:26:12+00:00
http://24ways.org/2013/run-ragged/
greggTypography Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:0a2e64ffbfb7/LukeW | An Event Apart: Universal Typography2013-12-11T16:03:40+00:00
http://www.lukew.com/ff/entry.asp?1839
greggTypography BestPractices Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:bed12f2c7936/Tim Brown - More Perfect Typography2013-11-15T12:06:25+00:00
http://vimeo.com/17079380
greggTypography Presentations Videos Examples Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:56e6dfd21196/Smart Quotes for Smart People2013-09-27T20:49:49+00:00
http://smartquotesforsmartpeople.com/
greggTypography Grammar HowTohttps://pinboard.in/https://pinboard.in/u:gregg/b:0ffd1d5b55b9/Jessica Hische - Upping Your Type Game2013-05-23T18:35:04+00:00
http://jessicahische.is/talkingtype
greggTypography Advice Typefaces Examples Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:caf58f1c1d4c/Write The Docs - A two day conference for technical writers, documentarians, and all those who write the docs.2013-04-10T04:21:09+00:00
http://conf.writethedocs.org/video.html
greggVideos Presentations Typographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:4c3c46849ee6/Setting Type for User Interfaces | The Typekit Blog2013-04-04T14:13:16+00:00
http://blog.typekit.com/2013/03/28/setting-type-for-user-interfaces/
greggTypography UserInterface Examples Fontshttps://pinboard.in/https://pinboard.in/u:gregg/b:14564241e445/StateFace2013-04-03T16:32:56+00:00
http://propublica.github.com/stateface/
greggFonts Typography States Design Usefulhttps://pinboard.in/https://pinboard.in/u:gregg/b:32e0bd76050d/(102/1) Typography: How does one assess the mood of a typeface? - Quora2013-03-13T00:42:35+00:00
http://www.quora.com/Typography/How-does-one-assess-the-mood-of-a-typeface
greggTypography Advicehttps://pinboard.in/https://pinboard.in/u:gregg/b:fa35121b58e4/Modular Scale2012-12-20T14:44:10+00:00
http://modularscale.com/
greggTypography Tools Designhttps://pinboard.in/https://pinboard.in/u:gregg/b:45694eba5545/[untitled]2012-08-31T17:19:49+00:00
http://www.fontshop.com/education/pdf/typo_tips.pdf
greggTypography Tips List Advice Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:81711fb55f78/Inside Paragraphs: Typographic Fundamentals2012-08-11T18:28:16+00:00
http://insideparagraphs.com/
greggTypography Design Bookshttps://pinboard.in/https://pinboard.in/u:gregg/b:079c291a5ef1/Oliver Tomas | Text Proportion Utility » Blog Archive » Jan Tschichold: Penguin composition rules (1947)2012-06-11T14:26:19+00:00
http://www.olivertomas.com/books/jan-tschichold-penguin-composition-rules-1947/
greggTypography JanTschichold Advice Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:441046a1c939/Jiro, Sushi & Web Type | Trent Walton2012-06-11T14:25:48+00:00
http://trentwalton.com/2012/06/08/jiro-sushi-web-type/
greggTypographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:3eba5a78a6ac/Responsive Typography: The Basics | Information Architects2012-06-01T15:03:41+00:00
http://informationarchitects.net/blog/responsive-typography-the-basics/
greggResponsive Typography Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:5d422aed5a79/Alternatives To Your Favorite Sans Serif Typefaces [Updated With Specimens]2012-05-23T03:10:03+00:00
http://www.designer-daily.com/alternatives-to-your-favorite-sans-serif-typefaces-1292
greggTypography Typefaces Fonts Examples Listshttps://pinboard.in/https://pinboard.in/u:gregg/b:472cd9964843/How To Choose The Right Face For A Beautiful Body | Smashing Magazine2012-05-22T13:37:57+00:00
http://www.smashingmagazine.com/2012/05/21/how-to-choose-the-right-face-for-a-beautiful-body/
greggTypography Examples Analysis Listshttps://pinboard.in/https://pinboard.in/u:gregg/b:b11588d65205/Just My Type2012-05-11T02:53:24+00:00
http://daneden.me/type/
greggTypeKit Examples Typefaces Typography Design Listshttps://pinboard.in/https://pinboard.in/u:gregg/b:4dca2fcb3dff/The masochism of implementing CSS baseline | 8 Gram Gorilla2012-04-30T13:12:40+00:00
http://8gramgorilla.com/the-masochism-of-implementing-css-baseline/
greggCSS Typography Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:4a7ead28b297/The New Web Typography2012-01-10T02:12:09+00:00
http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontbureau/index.html
greggTypography CSS Examples Codehttps://pinboard.in/https://pinboard.in/u:gregg/b:cfdf69e82f06/Pearsonified’s Golden Ratio Typography Calculator2011-12-28T20:18:08+00:00
http://www.pearsonified.com/typography/
greggCSS Typography Toolshttps://pinboard.in/https://pinboard.in/u:gregg/b:0ef4f0ded517/Simple Genius: Lawyer's Typeface Makes Legalese Easier To Read | Co. Design2011-11-17T22:33:27+00:00
http://www.fastcodesign.com/1665426/simple-genius-lawyers-typeface-makes-legalese-easier-to-read
greggTypefaces Typography Examples Analysishttps://pinboard.in/https://pinboard.in/u:gregg/b:ea925181ddd8/Type study: Sizing the legible letter « The Typekit Blog2011-11-17T22:32:56+00:00
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
greggTypography Analysis Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:4f789d48f236/Georgia Pro and Verdana Pro2011-11-08T23:02:32+00:00
http://georgiaverdana.com/#essay
greggTypography Typefaces Fontshttps://pinboard.in/https://pinboard.in/u:gregg/b:28e307b50b28/Explorations in Typography / Mastering the Art of Fine Typesetting2011-08-03T02:23:00+00:00
http://explorationsintypography.com/
greggTypography Examples Toolshttps://pinboard.in/https://pinboard.in/u:gregg/b:5d7644ffce2c/Nice Web Type likes Minion Pro with Myriad Pro Condensed2011-05-05T00:54:40+00:00
http://nicewebtype.com/fonts/minion-with-myriad-condensed/
greggTypography Design Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:9342f8f1ecb8/A List Apart: Articles: More Meaningful Typography2011-05-05T00:54:19+00:00
http://www.alistapart.com/articles/more-meaningful-typography/
greggTypography Design Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:fd4edf1a6faf/New Work: Museum of Arts and Design | New at Pentagram | Pentagram2011-04-24T00:23:45+00:00
http://pentagram.com/en/new/2008/09/new-work-museum-of-arts-and-de.php
greggDesign Typography Examples Inspirationhttps://pinboard.in/https://pinboard.in/u:gregg/b:9c12be80c874/Saffron Brand Consultants » Apollo2011-04-23T18:21:33+00:00
http://saffron-consultants.com/featured-work/archives/apollo/
greggDesign Logos Typography Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:618f760b7d8e/Saffron Brand Consultants » El Banco Deuno2011-04-23T18:21:17+00:00
http://saffron-consultants.com/featured-work/archives/banco-deuno/
greggDesign Typographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:173c6caa821f/Tu Banco es mi Banco - Brand New2011-04-23T18:21:02+00:00
http://www.underconsideration.com/brandnew/archives/tu_banco_es_mi_banco.php
greggDesign Logos Typography Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:81a152237084/Fonts In Use – Black Swan Movie Posters2011-02-15T11:41:51+00:00
http://fontsinuse.com/black-swan-movie-posters/
greggTypefaces Typography Movieshttps://pinboard.in/https://pinboard.in/u:gregg/b:7ad3cbbdfb79/Fonts In Use – The Daily2011-02-08T14:20:37+00:00
http://fontsinuse.com/the-daily/
greggTypography iPad Analysis Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:7abc1069354d/Alternatives to Common Fonts | FontList | FontShop2010-11-26T09:25:32+00:00
http://www.fontshop.com/fontlist/alternatives/
greggFonts Typefaces Typography Reference Listshttps://pinboard.in/https://pinboard.in/u:gregg/b:becc1662a211/“Clarity!” Demanded the Modernists - Retinart2010-07-22T20:51:20+00:00
http://retinart.net/graphic-design/clarity-demanded-the-modernists
greggDesign Typography Modernism Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:77c570cd6a0d/Combining Type With Helvetica | Blog | FontShop2010-04-29T06:39:38+00:00
http://www.fontshop.com/blog/?cat=92&utm_source=NewsletterApr272010&utm_medium=email&utm_content=WebVersion&utm_term=em&utm_campaign=HelvCompanions
greggTypography Fonts Helvetica Typefaces Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:d5b7afc6afc9/Rich Typography Options for the Web « Paul Irish2010-03-19T21:56:40+00:00
http://paulirish.com/2009/type/
greggTypography Fonts WebDesign Presentationshttps://pinboard.in/https://pinboard.in/u:gregg/b:f857d8d85957/Museo Sans - a [free] font from exljbris Font Foundry2010-03-19T18:16:20+00:00
http://www.josbuivenga.demon.nl/museosans.html
greggFonts Typography Freehttps://pinboard.in/https://pinboard.in/u:gregg/b:23f6ac6aae38/Sarcastic Font2010-02-14T15:43:50+00:00
http://glennmcanally.com/sarcastic/
greggFonts Typography Language Sarcasmhttps://pinboard.in/https://pinboard.in/u:gregg/b:3d8e0a7dab3b/Newzald: From Moleskine to Market | i love typography, the typography and fonts blog2009-12-31T15:36:11+00:00
http://ilovetypography.com/2008/03/12/newzald-moleskine-to-market/
greggTypography Fonts HowTo Exampleshttps://pinboard.in/https://pinboard.in/u:gregg/b:3c6e42a7b7a2/Shababa font family « MyFonts2009-12-30T19:14:43+00:00
http://new.myfonts.com/fonts/okaycat/shababa/
greggFonts Typographyhttps://pinboard.in/https://pinboard.in/u:gregg/b:4ee54d3b176e/