jaeswift-website/api/data/awesomelist/deanhume--typography.json

{"slug": "deanhume--typography", "title": "Typography", "description": "A collection of web typography resources", "github_url": "https://github.com/deanhume/typography", "stars": "683", "tag": "Front-End Development", "entry_count": 85, "subcategory_count": 1, "subcategories": [{"name": "Articles", "parent": "", "entries": [{"name": "No @font-face Syntax will ever be Bulletproof, Nor Should It Be", "url": "https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/", "description": ""}, {"name": "Font Aliasing, or how to rename a font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "The Future of Web Fonts", "url": "https://viljamis.com/2016/the-future-of-web-fonts/", "description": ""}, {"name": "Your Body Text Is Too Small", "url": "https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902#.w1wdaeqzo", "description": ""}, {"name": "Methods for Controlling Spacing in Web Typography", "url": "https://css-tricks.com/methods-controlling-spacing-web-typography/", "description": ""}, {"name": "Bold or Italic", "url": "https://practicaltypography.com/bold-or-italic.html", "description": ""}, {"name": "Webfonts on the Prairie", "url": "https://alistapart.com/article/webfonts-on-the-prairie", "description": ""}, {"name": "Typography is impossible", "url": "https://medium.engineering/typography-is-impossible-5872b0c7f891#.5tnat6wy5", "description": ""}, {"name": "The New Web Typography", "url": "https://robinrendle.com/essays/new-web-typography/", "description": ""}, {"name": "Tools And Resources For A More Meaningful Web Typography", "url": "https://www.smashingmagazine.com/2016/03/meaningful-web-typography/", "description": ""}, {"name": "A more modern scale for Web Typography", "url": "http://typecast.com/blog/a-more-modern-scale-for-web-typography", "description": ""}, {"name": "Better web typography in 13 simple steps", "url": "https://www.creativebloq.com/typography/better-web-typography-few-simple-steps-5132803", "description": ""}, {"name": "Choosing web fonts: 15 expert tips", "url": "https://www.creativebloq.com/web-design/choose-web-fonts-1233034", "description": ""}, {"name": "The Good, The Bad And The Great Examples Of Web Typography", "url": "https://www.smashingmagazine.com/2014/12/the-good-the-bad-and-the-great-examples-of-web-typography/", "description": ""}, {"name": "Web Fonts Performance: Making Pretty, Fast", "url": "https://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/", "description": ""}, {"name": "Font Smoothing", "url": "https://davidwalsh.name/font-smoothing", "description": ""}, {"name": "The State of Web Type", "url": "https://dev.opera.com/articles/state-of-web-type/", "description": ""}, {"name": "Dashes in Web Typography", "url": "https://viljamis.com/dashes/", "description": ""}, {"name": "Scale & Rhythm in Typography", "url": "http://lamb.cc/typograph/", "description": ""}, {"name": "Typographic Scale", "url": "http://retinart.net/typography/typographicscale/", "description": ""}, {"name": "The Mathematical Symphony of Typography", "url": "https://pearsonified.com/2011/12/golden-ratio-typography.php", "description": ""}, {"name": "The Best Free Alternatives to the Most Popular Fonts", "url": "https://blog.spoongraphics.co.uk/articles/the-best-free-alternatives-to-the-most-popular-fonts", "description": ""}, {"name": "A History of Typeface Styles & Type Classification", "url": "https://blog.spoongraphics.co.uk/articles/a-history-of-typeface-styles-type-classification", "description": ""}, {"name": "26 digital typography rules for beginners", "url": "https://medium.com/product-design-ux-ui/26-digital-typography-rules-for-beginners-a04c6a5aaff3", "description": ""}, {"name": "Variable Fonts for Responsive Design", "url": "https://alistapart.com/blog/post/variable-fonts-for-responsive-design", "description": ""}, {"name": "Typeface Mechanics", "url": "https://frerejones.com/blog/typeface-mechanics-001/", "description": ""}, {"name": "Truly Fluid Typography With vh And vw Units", "url": "https://www.smashingmagazine.com/2016/05/fluid-typography/", "description": ""}, {"name": "Viewport Based Typography", "url": "https://zellwk.com/blog/viewport-based-typography/", "description": ""}, {"name": "Animated Typographic Cheat Sheet", "url": "https://www.supremo.co.uk/typeterms/", "description": ""}, {"name": "Typography for User Interfaces", "url": "https://viljamis.com/2016/typography-for-user-interfaces/", "description": ""}, {"name": "Loading Web Fonts Asynchronously", "url": "https://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/", "description": ""}, {"name": "Font-size: An Unexpectedly Complex CSS Property", "url": "https://manishearth.github.io/blog/2017/08/10/font-size-an-unexpectedly-complex-css-property/", "description": ""}, {"name": "93 most popular premium fonts alternative google fonts", "url": "https://designtheway.com/most-used-fonts-alternative-google-fonts/", "description": ""}, {"name": "Font Aliasing, or How to Rename a Font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "Controlling Font Performance with font-display", "url": "https://developers.google.com/web/updates/2016/02/font-display", "description": ""}, {"name": "Lightning Fast Font Loading Techniques", "url": "https://davidwalsh.name/font-loading", "description": ""}, {"name": "Loading webfonts with high performance on responsive websites", "url": "http://bdadam.com/blog/loading-webfonts-with-high-performance.html", "description": ""}, {"name": "Font Loading Revisited with Font Events", "url": "https://www.filamentgroup.com/lab/font-events.html", "description": ""}, {"name": "How we use web fonts responsibly, or, avoiding a @font-face-palm", "url": "https://www.filamentgroup.com/lab/font-loading.html", "description": ""}, {"name": "Better @font-face with Font Load Events", "url": "https://dev.opera.com/articles/better-font-face/", "description": ""}, {"name": "Better webfont loading with using localStorage and providing WOFF2 support", "url": "http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html", "description": ""}, {"name": "Using Web Fonts the Best Way (in 2015)", "url": "https://helloanselm.com/writings/using-webfonts-in-2015", "description": ""}, {"name": "Web Font Loading Patterns", "url": "http://bramstein.com/writing/web-font-loading-patterns.html", "description": ""}, {"name": "Performance and Web Typography - Video", "url": "https://www.youtube.com/watch?v=emLfXChvVPQ", "description": ""}, {"name": "Tips for balancing web fonts & page load", "url": "https://frontendnews.io/editions/2018-07-25-tips-for-loading-web-fonts", "description": ""}, {"name": "Loading Web Fonts Asynchronously", "url": "http://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/", "description": ""}, {"name": "Font Aliasing, or How to Rename a Font in CSS", "url": "https://www.zachleat.com/web/rename-font/", "description": ""}, {"name": "A Collection of Web Font Loading Recipes", "url": "https://www.zachleat.com/web/recipes/", "description": ""}, {"name": "No @font-face Syntax will ever be Bulletproof, Nor Should It Be", "url": "http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/", "description": ""}, {"name": "Performance and Web Typography", "url": "https://www.youtube.com/watch?v=emLfXChvVPQ", "description": ""}, {"name": "The State of Web Type - Up-to-date data on support for type and typographic features on the web", "url": "http://stateofwebtype.com/", "description": ""}, {"name": "A simple plugin to keep font-size in proportion with it's containers size", "url": "https://github.com/jkroso/flowtype", "description": "", "stars": "42"}, {"name": "Type Rendering Mix", "url": "http://typerendering.com/", "description": ""}, {"name": "Web Font Loader", "url": "https://developers.google.com/fonts/docs/webfont_loader", "description": ""}, {"name": "Preventing the Performance Hit from Custom Fonts", "url": "https://css-tricks.com/preventing-the-performance-hit-from-custom-fonts/", "description": ""}, {"name": "Web Font Optimization", "url": "https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=en", "description": ""}, {"name": "Font Face and Performance", "url": "http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/", "description": ""}, {"name": "Normalize-Opentype.css - Adds OpenType features—ligatures, kerning, and more—to Normalize.css.", "url": "https://github.com/kennethormandy/normalize-opentype.css", "description": "", "stars": "792"}, {"name": "Type­set.js - A typographic pre-processor for your html which uses zero client-side JavaScript", "url": "https://blot.im/typeset/", "description": ""}, {"name": "brick.im", "url": "https://github.com/alfredxing/brick", "description": "", "stars": "2.9k"}, {"name": "Typebase.css", "url": "http://devinhunt.github.io/typebase.css/", "description": ""}, {"name": "Google WebFonts Helper", "url": "https://google-webfonts-helper.herokuapp.com/fonts/aguafina-script?subsets=latin", "description": ""}, {"name": "Using Custom Fonts in Emails", "url": "https://github.com/ladjs/custom-fonts-in-emails", "description": "", "stars": "132"}, {"name": "Typographist — Modular scale calculator API with config validation", "url": "https://github.com/typographist", "description": ""}, {"name": "Font Face Observer is a fast and simple web font loader", "url": "https://fontfaceobserver.com/", "description": ""}, {"name": "MixFont A Modern Font Generator", "url": "https://www.mixfont.com/", "description": ""}, {"name": "How to use custom fonts in emails", "url": "https://github.com/forwardemail/custom-fonts-in-emails", "description": "", "stars": "132"}, {"name": "On Web Typography", "url": "https://abookapart.com/products/on-web-typography", "description": ""}, {"name": "The Elements of Typographic Style", "url": "https://www.amazon.co.uk/Elements-Typographic-Style-Robert-Bringhurst/dp/0881792063", "description": ""}, {"name": "The Elements of Typographic Style - Online Version", "url": "http://webtypography.net/", "description": ""}, {"name": "Practical Typography", "url": "https://practicaltypography.com/", "description": ""}, {"name": "Combining Typefaces: Free guide to great typography", "url": "https://blog.typekit.com/2016/04/29/combining-typefaces-free-guide-to-great-typography/", "description": ""}, {"name": "The Typography Handbook", "url": "http://typographyhandbook.com/", "description": ""}, {"name": "Mixfont", "url": "https://www.mixfont.com/", "description": ""}, {"name": "Font Combinations", "url": "https://www.canva.com/font-combinations/", "description": ""}, {"name": "Google web fonts in action", "url": "http://femmebot.github.io/google-type/", "description": ""}, {"name": "Beautiful Web Type", "url": "https://beautifulwebtype.com/", "description": ""}, {"name": "Google Font Combinations", "url": "https://briangardner.com/google-font-combinations/", "description": ""}, {"name": "Top 5 Google Fonts", "url": "http://techdissected.com/web-and-computing/design/top-5-google-font-combinations/", "description": ""}, {"name": "100 Days of Fonts", "url": "http://100daysoffonts.com/", "description": ""}, {"name": "Sessions with Typography", "url": "http://www.sessions-with-typography.com", "description": ""}, {"name": "Google Web Font inspiration in HTML & CSS", "url": "http://tobiasahlin.com/typesource/", "description": ""}, {"name": "Google Font Pairing Tool", "url": "http://www.ourownthing.co.uk/fontpairing/", "description": ""}, {"name": "Web Fonts are Rocket Science", "url": "https://www.filamentgroup.com/lab/rocket-science.html", "description": ""}, {"name": "Video Screencast - Font Loading with Zach Leatherman", "url": "https://css-tricks.com/video-screencasts/152-font-loading-zach-leatherman/", "description": ""}]}]}