+ — the very wide text area
+ — the lines are too long IMO for the type size
+ — the excessive space at the bottom of the footer and the fact that it floats up on pages with little content (i.e. need a sticky footer)
+ — the black highlight (an oxymoron) for page name on hover
+ — the page name isn’t centered in the colored rectangle
+ — neither is the upward arrow in the back to text icon

And a general pet peeve: the contact page. For basic messages, wouldn’t linking the “contact” menu item to a basic mailto link be better?

Sorry for the funky formatting! I’m not having much success using markdown here…

I agree with everything with one issue: using a mailto: link is probably not a good idea for a site that may receive a fair bit of exposure…That is a spam attack waiting to happen (unless encoded in some way of course…)…

Id recommend setting the global font size to 16px instead of 14px…and the menu font-size to 14px (you will have to make the search region a hair smaller) but, as far as accessibility you’d gain a few points in my book.

I would also increase the line height…it is often something that is overlooked but increasing it can really improve readability.

edit: one more thing – the scroll up arrow; i think it should be the dark blue, not a black…it doesn’t fit the UI…

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.