Metal Toad has been building applications and cloud environments for some of the most well-known global brands for over a decade. Learn more > >

Metal Toad University #6: Gets Spooky

By Dan Linn, Director of Development, February 7, 2013

Want to join Metal Toad University? Join the Google+ Page.

In our last episode, our intrepid developers created a site that was functional, but as visually appealing as a dish rack. For this class we had another guest speaker and fellow Toad, Chris Cech, who talked about some simple techniques he uses when designing a site. After a brief recap of the site we built, he went through his Photoshop file and made some modifications to support the site elements we are building. After he completed his design, we started applying the styles to the pages. We added the webfont via Google, added the header images, aligned the navigation, and finally applied styling to the 'hand nav'. We didn't finish, so this week we'll be wrapping it up with the goal of starting on a new 'theme'.

NOTE: This design is intentionally over-the-top (So is my halloween party), so keep the insults to a minimum.
Check it out

Here's the video from last week:

Filed under:

Add new comment

About text formats

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <cpp>, <java>, <php>. The supported tag styles are: <foo>, [foo].
  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Ready to get started?