All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

Old Dog Learns New Responsive Tricks

  • # November 1, 2013 at 10:54 am

    Redesigned my own portfolio site to be be mobile-first, responsive, and lightweight. It is a fluid layout using percentages with two media query breakpoints at 38em and 56em. The idea being to make the design more forward compatible for mobile devices we have yet to see.

    I would appreciate your feedback on the site design as well as the code.

    It’s my first stab at responsive web design so please be nice.

    Shout out to Gridless for the great boilerplate starting point.

    # November 1, 2013 at 1:17 pm

    Good job man! For your first shot at responsive web design, you did a very nice and consistent job!

    # November 1, 2013 at 1:28 pm

    Thanks, ricky. Appreciate the luv.

    # November 6, 2013 at 2:12 pm

    Very, very nice!
    A quick thing though, perhaps you should add a faded-out left-arrow on the first project, as for me it kind of looks like a ‘play’ button before you realize that it is navigation!! :)

    # November 8, 2013 at 10:03 am

    Glad you like the new design, Wilhelm, thanks!
    Good point about the navigation arrow. I have added arrows to the first and last detail pages. I tried a lighter grey, but I think I like them the same color.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed