Discover the perfect typography for your website by entering your current font, font size, and content width Optimize for font size, line height, and even characters per line (CPL) Experiment with new fonts and different sizes on any device Apply GRT to your own projects with the free responsive GRT CSS loadout! The GR
How to Tune Typography Based on Characters Per Line
In my research into Golden Ratio Typography, I focused primarily on the core geometric properties of text—font size, line height, and line width. But there’s another facet of text that nearly all of the existing research on typography deals with: It’s called characters per line (CPL). If you’ve ever read a study on t
Award-winning Art Director & Photographer Liam Wong: capturing the beauty of night through photography with his signature neon noir cyberpunk aesthetic.
Build optimized websites quickly, focus on your content. An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.
Web Accessibility is a must in every web development project, yet it seems to remain a mystery for many web developers. Like it's something legendary instead of an essential skill needed for the job. There are many misconceptions surrounding Web Accessibility, most of the time fueled by a lack of knowledge (or interest) in the matter. This article is a collection of some of those accessibility misconceptions or myths. :: Blog post at Alvaro Montoro's Personal Website.
Christina Workman: Understanding Neurodisabilities: Computers Don’t Run the Same OS; Neither Do Our Individual Brains
You might know something about cognitive and neurological disabilities, but have you ever considered how these impact the way someone interacts with a website? This talk offers an opportunity to learn more.
What does it mean to be a "designer?" Let's broaden the definition, based on the purpose, not the discipline. (Keynote by our Chief Designer, Sarah Gibbons)
This decision tree describes how to use the alt attribute of the <img> element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text.