Grow your CSS skills. Land your dream job.

My first responsive design. How did I do?

  • # April 15, 2013 at 10:19 am

    I’m a developer, not a designer. But I decided to try my hand at some design because I like learning new things. So I read a few books and redesigned my blog. It’s responsive and should work on almost anything. I had quite a bit of fun with that aspect.

    Here is the [home page](http://www.planningforaliens.com/ “http://www.planningforaliens.com/”) and here is an [example post](http://www.planningforaliens.com/blog/2013/04/14/redesign/ “http://www.planningforaliens.com/blog/2013/04/14/redesign/”).

    How did I do? Does it look amateurish? Too boring? :-) I’m a complete newbie to design so any feedback will be helpful.

    # April 15, 2013 at 10:38 am

    Doesn’t look amateurish at all :)

    I like the colors and the simpleness of the design. But I don’t like the condensed type and losing the `tl;dr` on smaller viewports, some post titles aren’t that descriptive so having the excerpt would help to know if it’s worth clicking on.

    # April 15, 2013 at 10:51 am

    Thanks!

    I went with the condensed type because the text is justified and at that resolution it started to look bad, the condensed font helped matters quite a bit. It’s definitely harder to read and I agonized over that, but I’ve seen other websites doing it.

    Maybe it would be better with a ragged edge and normal font. I’ll give it a try and see. But I like justified text so much… :-)

    # April 15, 2013 at 11:00 am

    I’ve seen other websites doing [this](http://www.lingscars.com/), doesn’t mean I’d ever do it :P

    Anyway, I just tested on mobile and the condensed type looks better with high pixel density.

    # April 15, 2013 at 11:03 am

    Wow. That’s amazing. I might borrow the singing girl with the megaphone…

    # April 15, 2013 at 11:06 am

    Best website ever!

    # April 15, 2013 at 11:30 am

    Looks nice mate. I don’t know if it’s just me but the site looks like it’s over to the left a little and not centered it might be part of your design but it just looks a little odd if your plan was to have it centered then you need to add a width to the div.content and put an auto on the left and right margin, but the way you are dealing with the list of posts on smaller screens is nice way to go about it.

    # April 15, 2013 at 11:38 am

    Yeah, it’s on purpose. I didn’t want it centered like every other site and I thought it would be cool to lay it out like a book page. You are not the first person to react this way, (thinking it looks a bit odd).

    I used this idea as a guideline:

    http://webcache.googleusercontent.com/search?q=cache:3fIL1RkuhKMJ:retinart.net/graphic-design/secret-law-of-page-harmony/+&cd=2&hl=en&ct=clnk&gl=us

    # April 15, 2013 at 2:09 pm

    I really like it!
    I think that the second “state”, where each post takes up 100% width should be visible for a little bit longer.
    I like the idea of the posts nested in links that you have to click to appear, but those seem to work best <400px and not <1000px.

    # April 15, 2013 at 2:32 pm

    Cool. I agree with your thoughts and that also ties into CrocoDilon’s feedback about wanting the article summaries at a lower resolution. I’ll have to toy around with some solutions to this problem but at the very least I think I could show the summaries sooner…

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".