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.

View Permanent Page

Latest Links

More articles...

  1. Get ‘Designing for the Web’ for free

    In 2009 I wanted to improve my web design capabilities. I was recommended reading Mark Boulton’s book “Designing for the Web” and it was the best thing that could have happened.

    Read more

  2. A new blog

    After many many months without being to update this site I was finally able to set aside enough time to finish off the migration, moving from Squiz Matrix CMS across to WordPress. This is the second move of this blog. It was originally migrated from Blogspot across to Matrix back in 2007 and it served […]

    Read more

  3. 2013 dConstruct review

    Today was killer. As I hit send on the weekly newsletter at 1:30am I was regretting the time I spent and amount of beer I consumed at the Moo Summer Party. Actually it wasn’t so much regretting as pondering if it was the wisest way to spend my Thursday evening. As my head hit the […]

    Read more

  4. migrating a wordpress site to a new domain

    I previously pointed out the reasons behind needing and wanting to move content from one domain to another. Moving your wordpress website from one domain to another is a tricky process. Aside from the problems you will have to deal with specifically with your site (links), you don’t want to damage your page rank and […]

    Read more

  5. Finding inspiration for writing

    Blogging is something that can be really hard. Sometimes the topics come thick and fast and we have too much to write about, but often we sit down in front of our site and stare at the last post from more than a month ago while we beat ourselves up about how we need to […]

    Read more

  6. Review of the Slide and Stage

    Thank you. That’s how today ended, with a rousing applause of Aral Balkan’s day long speaking workshop he finished with a simple thank you. The conclusion tied the day nicely together though. Speaking isn’t rocket science, but it is a science. There are things that you can do to prepare and make the entire experience […]

    Read more