POP Takeout | The web is thinking. In your pocket.

[mcsalmon]

I just got done with my first crack at an iPhone web app. It's a social news aggregator tracking the top 5 social news sites. It was hand-coded just for iPhone users and I'm trying to make it fit in with the whole iPhone experience. It makes it easy to see what the latest web buzz is anytime, anywhere.

I found it really useful and wanted to share. It's free, it's not even add-supported. I did it as a CSS exercise and I'd love some feedback.

http://poptakeout.com

[Kyle Matthews]

Per Joe Hewitt't method, I'd add the following to your header so it auto scrolls and eliminates the big header:

<script type="application/x-javascript">
    
    addEventListener("load", function()
    {
        setTimeout(updateLayout, 0);
    }, false);

    var currentWidth = 0;
    
    function updateLayout()
    {
        if (window.innerWidth != currentWidth)
        {
            currentWidth = window.innerWidth;

            var orient = currentWidth == 320 ? "profile" : "landscape";
            document.body.setAttribute("orient", orient);
            setTimeout(function()
            {
                window.scrollTo(0, 1);
            }, 100);            
        }
    }

    setInterval(updateLayout, 400);
    
</script> 

[mcsalmon]

Nice tip, thanks. I implemented it.

[Ozymandius=girl]

this looks great. i have nothing i can add but feedback.. is there a way to make the links open in new tabs? or windows?

[Kyle Matthews]

I like it a lot. That little update made it just a shade nicer, too. I've been using this while on the go, and its useful, since I read all those sites anyway.