Surf the Dream A discourse of links and articles from Justin Avery

The Futures so bright, you gotta wear SHADES

This morning I came across an great article from Typekit are a font service that allow you to use beautiful webfonts on your website without the additional costs or complexity of purchasing a font from a foundry and converting it to all of the web formats.

Now they are taking type a step further by providing lessons on certain typographical elements and show you how you can use them on your sites to improve the visual appeal and ease the consumption of content on your site.

I’ve forked a few of their code pens from their examples and make it a little more RWD focussed. Check out those below and read the full list of Shading possibilities on their blog post.

Using Shades – Typekit Practice Series

Drop Shade

See the Pen RWD Weekly Drop shade example by Justin Avery (@justincavery) on CodePen.

Offset Shade

See the Pen RWD Offset shade example by Justin Avery (@justincavery) on CodePen.

Printers Shade

See the Pen RWD Printer’s shade example (invisible secret) by Justin Avery (@justincavery) on CodePen.

Comments are closed

Surf the Dream is a blog that has been running since the mid 2000's when it started on BlogSpot. Over the years it's been rebranded as (now my resume) and (which now redirects back to this site).

I offer consultation services through Simple Things, produce a range of high quality pocket notebooks(including a Solar System Notebook, Space Notebook, and a Guitar Notebook), write about the Universe and run a responsive web design knowledge hub and a RWD Weekly Newsletter.