Forums

  • # September 24, 2011 at 12:32 pm

    How do i design for mobile? i seems like every time I look at my website on my ipod, and go through the pages, the width changes. and its really weird!

    http://attilahajzer.host-ed.net/

    id love a screen cast about MOBILE designing.

    # September 24, 2011 at 1:24 pm

    media queries.

    Also, you should get rid of the horizontal overflow, the scrollbar is hideous.

    # September 24, 2011 at 3:14 pm

    http://i52.tinypic.com/2rw6iph.png

    # September 24, 2011 at 4:19 pm

    Great. I would also put the ad under your social icons.

    # September 24, 2011 at 4:46 pm

    Seems all out of whack. Your grid system doesn’t look right. Nothing aligns left evenly, nothing aligns right evenly. The spaces between the images on your portfolio page don’t match or maybe there’s too much space.

    Just looking at your page tells me you can use 2 page wraps. One for the header and main, the other for the footer.

    # September 24, 2011 at 4:55 pm

    I’m not referring to 960.gs or anything. Anyway, in your header, the arrow thing should align to the line under it, not stick outside. That tells me something isn’t right.

    The menu in your footer also displays outside the wrap.

    # September 24, 2011 at 5:10 pm

    Tell you what, if you throw your whole site on jsfiddle, I’ll make it look better.

    # September 24, 2011 at 6:51 pm

    You could try this site for a quick and dirty look of what your site looks like at different browser sizes. Then adjust your media queries as ChristopherBurton suggested.

    For fun, check out “http://css-tricks.com” to see how media queries can adjust the sizes of the content.

    # September 24, 2011 at 7:57 pm

    I had reasons other than to align the site.

    # September 24, 2011 at 11:46 pm

    Haha, all you had to do was view source, copy and paste. I’ll take a look at this tomorrow.

    # September 26, 2011 at 1:16 am

    Hi,

    Create your HTML site with 100% and use below 2 meta’s in your page head tag, so width will be adjusted with your device(iPhone, android, black berry or iPad).




    Let it try :)

    # September 26, 2011 at 7:50 pm

    I apologize, I simply forgot. I would implement what wolfcry has suggested. I’m not sure it would be beneficial to you if I made design changes with my own style. There’s nothing you would learn from that.

    # September 26, 2011 at 9:04 pm

    change

    to

    # September 26, 2011 at 9:11 pm

    What does your php in your header look like?

    # September 26, 2011 at 9:23 pm

    Yeah, so the meta charset is not effected by the php. Once you change it to what I specified, all should be good.

Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag