New Year, New Layout

It’s officially 2010, and the New Year also marks a new design for DZine-Studios. This the 9th iteration, and it’s quite different from most of my previous layouts. The useless (but still cool) sliding effects are mostly gone, replaced by more useful things such as a live-search and a live archives browser. Try them out and see for yourself.

I incorporated a boatload of CSS3 into this design, as promised. The green is gone as well. I feel this design marks a step in a different direction. The previous three or four themes were just evolutions of each other, but this one was a total rewrite from the ground up. It’s still not perfect, and if you guys find any bugs, let me know in the comments.

Anyways, Happy New Year everybody! Enjoy the design— I’m off to slave over my portfolio…

Posted in General, Web
  • http://benj3.com Benje

    Oh.

    My.

    God.

  • http://www.remworks.fr Remus

    Nice works with a little header and big foother :)

  • http://slantedmndz.com Alec

    Dan its amazing!!! I love it so much!

  • http://dzine-studios.com Dan

    @Ben: Is it that bad?

    @Remus: Thanks, man.

    @Alex: I’m glad you like it, I spent a lot of time on it.

  • http://benj3.com Benje

    Why no, it is quite the opposite of bad.

  • http://fynmark.org/home Tim

    No green! WOOT!

    Nice job, man!

  • http://slantedmndz.com Alec

    Im also impressed that you started a theme and finished it. What i wouldn’t give for that ability.

  • http://dzine-studios.com Dan

    I’m glad you guys all like it :D

    @Alec: Yeah, it was tough. I almost scrapped it too, but I fought through the urge and finished it.

  • http://epyks.net/blog Jon

    This is VERY nice. Loving the coffee brown and orange mixture.

  • http://net-cake.com Paul D’Amora

    I liked the navigation hover state better on the original design. This one seems…I don’t know, I just don’t like it.

    Also, while I agree with the whole thing with having your sidebar in the footer. You should still avoid going overboard and having the footer be longer than the content itself. It is afterall a footer, and should be thought of as a closing, not a beginning. So things like “Obama Countdown” , “Who is Dan?”, and “Archives” are redundant (with the live archives and about page), and don’t follow the minimalistic style I think you’re going for.

    Other than that, I like the design. Good and simple (hate the buttons and nav hover though), but you already know that I like it, so no point in telling you again.

    Anyways, I guess someone has to give you CC if none of these are guys will :P

  • http://dzine-studios.com Dan

    @Paul: Thanks for the feedback. And in order:

    * The original nav hovers just didn’t feel like part of the design. I didn’t use the thick orange bottom border anywhere else, I feel the newer nav hovers are a bit more consistent.
    * I don’t see the footer as a closing; rather, I see it as a continuation of the page. The Obama Countdown is not redundant— it’s a fun little extra I felt like including. The “Who Is Dan?” is a short overview, whereas the about page is a lot more comprehensive. And not everybody wants to click and drag all the way back. Plus there’s no other precise way of getting to an exact month. And the live archive doesn’t work with JS disabled. I’m not aiming to be as minimalistic as I was before, and the previous iteration was way too empty.
    * I can’t see why you hate the buttons, though.

    @Jon: Thanks. I’m glad you like the colors :)

  • http://epyks.net/blog Jon

    @Dan: Ignore Paul, he has a tenancy to be a giant prick when he thinks he’s right.

    In his little world, only his opinion exists :)

  • MRDREIHG

    Although every seems to like it…i think it looks like poop. Seriously dude! This is what u came up with in over 3 months? WTF

  • http://benj3.com Benje

    Sir MRDREIHG:

    Shut the fuck up.

    Sincerely,

    -Expert at Web Design.

  • http://dzine-studios.com Dan

    @MRDREIHG: If you’re going to troll, at least have the decency to leave a real name and email, instead of hiding behind a fake alias like a coward.

    @Benje: I couldn’t have said it better myself :D

    And for the record, this design took about 2 weeks of on-and-off work, followed by a solid 8 hours of work on New Year’s Day.

  • http://taus1f.net Tausif

    @MRDREIHG At least sound like your smart if you’re going to troll.

    Dan, this is an amazing theme and I think it’s a huge improvement over the others. Great job, hopefully in time I’ll be able to create designs like these. Keep it up.

  • http://slantedmndz.com Alec

    I new a guy who collected trolls. Weird, weird guy.

  • http://net-cake.com Paul D’Amora

    @Jon
    It’s not necessary for you to leave your little flame comments, as no one really appreciates them. If Dan took offence to a fellow web designer’s opinion on his design, he would’ve told me so, so you don’t need to.

    I know that if I poured my heart and soul into a design, I would want back some in-depth opinions and criticism on its ups and downs, not just a bunch of yes-men (although, I would definately want that too).

    @MRDREIHG –
    Just for some future reference, people won’t take you seriously anywhere if you use the word poop and a madeup fucking name.

  • http://net-cake.com Paul D’Amora

    @Dan
    I forgot a few things in my previous comment.
    The thing with the footer, I guess it really doesn’t matter that it’s so big on this page for example. But on smaller pages (Contact) I think it looks a little weird that the footer is triple the size of the content. Maybe I’m the only one that’ll ever notice that.

    As for the buttons/nav, I just don’t like gloss. I don’t really have a reason for it, I just don’t generally like it, although you used it in a way that makes me almost kinda like it..sort of.

  • http://slantedmndz.com Alec

    I dig how your comments are highlighted.

  • Marcel Krasner

    Wow Daniel, this site is pretty sweet! I really like it! Keep up the good work :-) I loved it when you wrote stuff on the blog lol, please continue! So awesome!

  • Marcel Krasner

    Oh yeah, how do I add a picture like these other people?

  • http://dzine-studios.com Dan

    @Tausif: Glad you like it, and even more glad that I inspired you, even if only by a little bit.

    @Paul: I tried to include a very subtle gloss, as I felt the buttons felt too plain and not button-ey enough. Plus all the buttons on Mac OS X are glossy, so there’s my inspiration.

    @Marcel: I’ll start writing more in these following weeks now that I’m done with college stuff. I already have a ton of topics to write about. And that little picture is called a gravatar. You can get one here, and wherever yo put your email (most blogging systems support it) your gravatar will appear.

    @Alec: I like the highlighted comments too. They make me feel special :D

  • http://net-cake.com Paul D’Amora

    @Dan
    When you put it like that, love em.