--- title: Best Typography posts of 2023 | daily.dev description: The most upvoted Typography posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/typography/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/typography/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best Typography posts of 2023 | daily.dev og:description: The most upvoted Typography posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Typography — 2023 1. 1 [](/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj "16 little UI design rules that make a big impact") Article Community Picks · 4y 16 little UI design rules that make a big impact Learn about 16 UI design rules and guidelines that can make a big impact on the usability and aesthetics of an interface. Explore topics such as using space to group related elements, being consistent in design, creating a clear visual hierarchy, and selecting the right typeface. 491 28 2. 2 [](/posts/monaspace-3mnc33tty "Monaspace") Article Hacker News · 3y Monaspace Monaspace is a new type system that advances the display of code on screen. It offers a more expressive palette for code, introduces texture healing to even out the density of monospaced type, provides three axes for font customization, and includes code ligatures for various languages. 227 15 3. 3 [](/posts/ux-best-practices-for-developers-hqayfexed "UX: best practices for developers") Article asayer · 3y UX: best practices for developers User experience (UX) is a critical component of web development that can make or break the success of a website or application. UX refers to the user’s overall experience when interacting with a website, app, or product. A well-designed UX can increase user engagement, retention, and conversions, resulting in better commercial outcomes. 150 6 4. 4 [](/posts/typography-trends-in-web-design-2023-shyebj5gg "Typography Trends in Web Design 2023") Article UX Planet · 3y Typography Trends in Web Design 2023 The importance of typography in web design keeps waxing and waning every few years. In 2023, the web typography world has enjoyed an explosion of creativity. Richer typefaces, 3D styles, bold fonts, and various other interesting typography trends have taken over the world of web design. 121 1 5. 5 [](/posts/css-text-wrap-pretty-7svjetcaf "CSS text-wrap: pretty") Article Community Picks · 3y CSS text-wrap: pretty Opt-in optimized text wrapping in CSS, with the 'text-wrap: pretty' feature introduced in Chrome 117\. It helps avoid widows and orphans, adjusts hyphenation, and ensures better line wrapping and text breaking. 74 5 6. 6 [](/posts/10-amazing-books-for-every-designers-hgirtedog "10 Amazing Books For Every Designers") Article Community Picks · 4y 10 Amazing Books For Every Designers Discover 10 amazing books that can help designers improve their skills and knowledge. Topics range from design business management to user experience and graphic design principles. 59 6 7. 7 [](/posts/what-is-tailwind-theming-and-how-to-use-it-in-2024-zydeylqxl "What is Tailwind Theming and How to use it in 2024") Article Community Picks · 4y What is Tailwind Theming and How to use it in 2024 Tailwind Theming allows developers to create custom designs that match the branding of their projects. By customizing the default styles provided by Tailwind, developers can create unique and functional designs that are visually appealing and easy to use. 51 20 8. 8 [](/posts/what-is-typography-why-it-s-important-in-web-design-2023--npayxlbdp "What is Typography & Why It’s Important in Web Design (2023)") Article Community Picks · 3y What is Typography & Why It’s Important in Web Design (2023) What is Typography and Why It’s Important in Web Design (2023) We're looking for UX/UI research or product branding? There We go! 39 1 9. 9 [](/posts/creating-and-coding-a-design-system-from-scratch-co-authored-by-zuzanna-sobiecka--p8nlfoz3y "Creating and coding a Design System from scratch (co-authored by Zuzanna Sobiecka)") Article Community Picks · 3y Creating and coding a Design System from scratch (co-authored by Zuzanna Sobiecka) Guidelines and considerations for creating and coding a Design System from scratch. A Design System provides consistency for a brand, speed for designers, and a modular and reliable Component Library for developers. Starting a Design System can be done by deriving it from existing design or code. The DS doesn't need to be complete to be useful. Tokens play a key role in the Design System, simplifying communication between Dev and Design. The DS can evolve and should be coded as a system. Translation of the Design System into code involves creating utility classes based on tokens. Following rules and exceptions ensures fast and consistent UI development. 37 2 10. 10 [](/posts/fonty-io---product-information-latest-updates-and-reviews-2024-g8efxonqk "Fonty.io - Product Information, Latest Updates, and Reviews 2024") Article Product Hunt · 4y Fonty.io - Product Information, Latest Updates, and Reviews 2024 Fonty.io is a tool that analyzes the fonts used on a website and displays them for users to view. It is helpful for web designers and developers looking to learn more about the typography on a specific website. Recent launches include a font analysis tool and the ability for users to leave reviews and pro tips. 32 4 11. 11 [](/posts/next-js-app-router-7g6u7otaj "Next.js App Router") Article Community Picks · 3y Next.js App Router Next.js App Router implements React Server Components, a new feature introduced in React 18\. To support the App Router, currently all components and hooks from MUI libraries are exported with the directive. Using Material UI with the default theme, you can add Material UI components to Next.js routing files without any additional configuration. 29 12. 12 [](/posts/first-step-to-becoming-a-self-taught-ux-ui-designer--yhrmr8h71 "First step to becoming a self-taught UX/UI designer.") Article UX Planet · 3y First step to becoming a self-taught UX/UI designer. First step to becoming a self-taught UX/UI designer is getting familiar with the basics of UI and UX design. Learn typography basics like serif vs. sans serif fonts, font pairings, line height, letter spacing, etc. Take note of how colors make you feel on websites and apps you visit. 28 13. 13 [](/posts/video-modern-css-layout-is-awesome-telxilsvw "Video: Modern CSS Layout is Awesome") Article CSS {IRL} · 3y Video: Modern CSS Layout is Awesome Back in May I had the privilege of speaking at Beyond Tellerand, an incredible conference in Düsseldorf, Germany. My own talk was on CSS layout, including some of the exciting new features we have at our disposal. Here's a wrap up from the conference too. 28 1 14. 14 [](/posts/which-is-easier-to-customize-tailwind-css-or-material-ui--jlcmoppwe "Which is easier to customize: Tailwind CSS or Material UI?") Article asayer · 3y Which is easier to customize: Tailwind CSS or Material UI? Back Tailwind CSS and Material UI are well-known, widely used CSS frameworks. This article will compare them both, so you can decide which one better suits your needs in terms of allowing all kinds of customization. In this tutorial, we will walk through which is easier to customize, TailwindCSS or Material-UI. 26 2 15. 15 [](/posts/starlight-build-documentation-sites-with-astro-ng9ljq77o "Starlight 🌟 Build documentation sites with Astro") Article Community Picks · 3y Starlight 🌟 Build documentation sites with Astro Astro is the all-in-one web framework designed for speed. Starlight gives you built-in frontmatter validation with TypeScript type-safety. Extend with React, Vue, Svelte, Solid, and more. Pull your content from anywhere and deploy everywhere. 24 16. 16 [](/posts/the-art-of-styling-text-with-css-orientation-fqi0nv7fh "The Art of Styling Text with CSS Orientation") Article asayer · 3y The Art of Styling Text with CSS Orientation CSS text orientation is a powerful tool that enhances readability, design flexibility, and cross-platform consistency. It is crucial for multilingual websites, vertical text, right-to-left languages, responsive design, typography, and user interfaces. Best practices include maintaining readability, cultural awareness, establishing visual hierarchy, and balancing with other design elements. 20 17. 17 [](/posts/typography-essentials-bbrsjmppk "Typography essentials") Article UX Planet · 3y Typography essentials This article provides an overview of typography essentials for UI designers, covering topics such as typefaces, font sizes, type scales, font weight, letter spacing, line height, and text alignment. 19 [See all Typography archives](/tags/typography/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/typography/best-of/2023#page","url":"https://daily.dev/tags/typography/best-of/2023","name":"Best Typography Posts of 2023","description":"The most upvoted Typography posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/typography/best-of/2023#items","numberOfItems":17,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj","name":"16 little UI design rules that make a big impact"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/monaspace-3mnc33tty","name":"Monaspace"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/ux-best-practices-for-developers-hqayfexed","name":"UX: best practices for developers"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/typography-trends-in-web-design-2023-shyebj5gg","name":"Typography Trends in Web Design 2023"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/css-text-wrap-pretty-7svjetcaf","name":"CSS text-wrap: pretty"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/10-amazing-books-for-every-designers-hgirtedog","name":"10 Amazing Books For Every Designers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/what-is-tailwind-theming-and-how-to-use-it-in-2024-zydeylqxl","name":"What is Tailwind Theming and How to use it in 2024"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/what-is-typography-why-it-s-important-in-web-design-2023--npayxlbdp","name":"What is Typography & Why It’s Important in Web Design (2023)"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/creating-and-coding-a-design-system-from-scratch-co-authored-by-zuzanna-sobiecka--p8nlfoz3y","name":"Creating and coding a Design System from scratch (co-authored by Zuzanna Sobiecka)"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/fonty-io---product-information-latest-updates-and-reviews-2024-g8efxonqk","name":"Fonty.io - Product Information, Latest Updates, and Reviews 2024"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/next-js-app-router-7g6u7otaj","name":"Next.js App Router"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/first-step-to-becoming-a-self-taught-ux-ui-designer--yhrmr8h71","name":"First step to becoming a self-taught UX/UI designer."},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/video-modern-css-layout-is-awesome-telxilsvw","name":"Video: Modern CSS Layout is Awesome"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/which-is-easier-to-customize-tailwind-css-or-material-ui--jlcmoppwe","name":"Which is easier to customize: Tailwind CSS or Material UI?"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/starlight-build-documentation-sites-with-astro-ng9ljq77o","name":"Starlight 🌟 Build documentation sites with Astro"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-art-of-styling-text-with-css-orientation-fqi0nv7fh","name":"The Art of Styling Text with CSS Orientation"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/typography-essentials-bbrsjmppk","name":"Typography essentials"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Typography","item":"https://daily.dev/tags/typography"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/typography/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```