Frontend Masters Boost RSS Feed https://frontendmasters.com/blog Helping Your Journey to Senior Developer Tue, 02 Apr 2024 23:11:23 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.2 225069128 Text Effects https://frontendmasters.com/blog/text-effects/ https://frontendmasters.com/blog/text-effects/#respond Tue, 02 Apr 2024 23:11:22 +0000 https://frontendmasters.com/blog/?p=1533 Looks like Mandy Michael has been busy lately! I’m just seeing her fairly new Text Effects site, which has a growing collection of cool looks for text with demos and tutorials (GOLD!). Then I noticed her Variable Fonts site has kind of joined the fray with a similar design and a third site, Text Lab as well with really progressive demos.

]]>
https://frontendmasters.com/blog/text-effects/feed/ 0 1533
Modern Font Stacks https://frontendmasters.com/blog/modern-font-stacks/ https://frontendmasters.com/blog/modern-font-stacks/#respond Mon, 11 Mar 2024 23:21:36 +0000 https://frontendmasters.com/blog/?p=1212 Just a little appreciation for Dan Klammer’s Modern Font Stacks project. Not loading any custom fonts doesn’t need to mean being relegated to the Helvetica/Arial hole, system fonts (even though I do kinda love San Francisco), or some bummer typeface you feel pushed into.

I particularly like the Geometric Humanist stack:

font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;

Look at how nicely it renders across all the different major operating systems:

It’s also impressive to me that all the major operating systems ship some sort of handwriting font that is half decent.

]]>
https://frontendmasters.com/blog/modern-font-stacks/feed/ 0 1212
Pretty vs Balanced https://frontendmasters.com/blog/pretty-vs-balanced/ https://frontendmasters.com/blog/pretty-vs-balanced/#respond Fri, 01 Dec 2023 20:19:12 +0000 http://rc.frontendmasters.com/blog/?p=212 Stephanie Stimac:

Use text-wrap: balance; on headings and subheadings. And use text-wrap: pretty; on paragraphs of text to get rid of orphans on the last line. Despite the Chromium-only support, these would be a good candidate for progressive enhancement.

The performance impact is generally negligible but there in extreme conditions.

Top: Unstyled / Bottom: Balanced
Left: Unstyled / Right: Pretty

]]>
https://frontendmasters.com/blog/pretty-vs-balanced/feed/ 0 212