• Hey Guest. Check out your NeoGAF Wrapped 2025 results here!

A NeoGAF iPhone Web App

Status
Not open for further replies.
Am I the only one seeing a thin line below the thread link arrows in the new mockup preview site? I'm on a Windows Phone btw... HTC Titan to be exact.
 
Looks nice on my Android 4.0 Galaxy Nexus. I tried it on the Chrome Mobile browser. Nice.

Did you remove the "Click Off Topic to jump to Gaming" link at the top of the forums? Now it just quick scrolls to the bottom. Actually, this choice is probably more helpful to me.
 
Something looks off aesthetically compared to the old site. Could be the blue, could be the sort of blurry logo, could be the redundant thread title in the menu bar. I sincerely wish you'd keep it as is and just add the ads and function stuff like multi-quote. I'd love an option for a "Classic" skin...
 
I've been getting a problem with Secondapps recently. Every time I go to the last page of a thread, I get 'Sorry - the requested item could not be loaded'. All other pages are Ok. This is on a Galaxy S2, stock browser.
Any ideas?
 
Something looks off aesthetically compared to the old site. Could be the blue, could be the sort of blurry logo, could be the redundant thread title in the menu bar. I sincerely wish you'd keep it as is and just add the ads and function stuff like multi-quote. I'd love an option for a "Classic" skin...

We must agree to disagree. :p I find the new look much better both esthetically, functionally (with ads are included), and more official looking.
 
Minor mockup update:

I reduced the size of the titlebar text so you can read more of long thread titles AND added a subtitle. Not only does it look cool, it conveys helpful pagination info, etc. Win!

Also, try tap and holding the Prev/Next page buttons for a little jQuery testing.
 
I've been getting a problem with Secondapps recently. Every time I go to the last page of a thread, I get 'Sorry - the requested item could not be loaded'. All other pages are Ok. This is on a Galaxy S2, stock browser.
Any ideas?

No idea. That doesn't sound like an error generated by the web app.
 
Minor mockup update:

I reduced the size of the titlebar text so you can read more of long thread titles AND added a subtitle. Not only does it look cool, it conveys helpful pagination info, etc. Win!

Also, try tap and holding the Prev/Next page buttons for a little jQuery testing.
On the Android 4.0 default browser the button goes green after a second, but it also brings up the box for open link, open in new tab, copy URL etc.
 
iOS5 iPad, tap and hold on next only makes the button turn green.

Also, blocked users aren't showing up yet. Just empty spaces where their posts should be. Which is actually totally fine.
 
If we get a new black theme, there's one thing that needs to be considered this time:

Spoiler bars

It would be great if they're white this time, so it's possible to see them with the black theme enabled.

I know the current black theme was a quick hack and it was probably forgotten, but now with the redesign it would be great to fix that.
 
:D This is brilliant! Finally able to use GAF properly on the smart phone. Just one thing, sorry if it's mentioned, when you click a topic is there a way to jump to the latest page?
 
:D This is brilliant! Finally able to use GAF properly on the smart phone. Just one thing, sorry if it's mentioned, when you click a topic is there a way to jump to the latest page?

from the thread overview, click the triangle to the right side of the screen. From within the thread, click the button on top right of the screen.
 
Interesting bug/feature:

I haven't logged in to the mockup site but if I click the ">" it will go to my first unread post in that thread. (No it's not my imagination, checked on a few threads). So I guess it's pulling some info from my old cookie? It also doesn't transfer the information back to GafPrime. If I go to last unread post on GAF it will go to the same one as the secondapps - though secondapps will itself save where my last read post was. Kinda neat.
 
The graphics will definitely be made Retina/high-res/not-blurry on iPhone 4. I have already planned for that feature. However, that is probably going to be the last thing I do.

Just do the sprites once in retina/double resolution and scale it down to the original size using, css3 background-size.

Aside from jQuery, have you looked into zepto.js?
 
Minor mockup update:

I reduced the size of the titlebar text so you can read more of long thread titles AND added a subtitle. Not only does it look cool, it conveys helpful pagination info, etc. Win!

Also, try tap and holding the Prev/Next page buttons for a little jQuery testing.
Good stuff, the smaller text and subtitle definitely makes things nicer in-thread. Though i'm not sure if that 4,142 etc pages subtitle is necessary when viewing a board, but that's minor.

Suggestion: perhaps you could include a subtitle at the bottom footer bar that shows how many posts are in that thread/board, i.e.;

Page 90 of 95
4,729 Posts

Oh and nice stuff on incorporating 'view single post' links, it actually works now. Only thing is that since you included subtitles in the header, the "View Single Post" text is off center with no subtitle.

Do you think the subtitle text for viewing single posts could be the thread title the post is from, and that way you could eliminate that thin "FROM: __" bar?

Since there is no ability to search when viewing a single post, you could simply add an arrow button (>) on the far right that takes the user to the specific thread it was posted in.

PS. There's no way to view a single post natively within the web app yet, couldn't the 'Post 1432' text be a tappable link to the view single post view?

We must agree to disagree. :p I find the new look much better both esthetically, functionally (with ads are included), and more official looking.
I think people will dig it more with 'retina' graphics, since some might not have the imagination to picture it sharper looking and assume it'll always look 'blurry'.

iOS5 iPad, tap and hold on next only makes the button turn green.
Did the page load up yet or did you not hold it long enough? Works on my iPhone, and if the page isn't loaded up fully it sometimes turns green but doesn't jump to the last page, but tapping the green button does it.
 
Great job, the tap and hold to jump to first/last works really well. I have to say I miss hitting the page number at the bottom and specifying a certain one to jump to...I don't need the bottom bar to jump me to the top since I just use the status bar. Is it this way now because other devices don't have the status bar to top trick?

I also really miss hitting the forum header to switch forums, and the forum menu isn't usually the place I need to fly to the bottom of the page quickly.
 
Great job, the tap and hold to jump to first/last works really well. I have to say I miss hitting the page number at the bottom and specifying a certain one to jump to...I don't need the bottom bar to jump me to the top since I just use the status bar. Is it this way now because other devices don't have the status bar to top trick?
Yeah, that feature along with the ability to subscribe to threads, seems to be missing.

Not sure where the whole extra options bar idea went, but I am curious to see how these features will be incorporated since they are pretty crucial.

Is it possible to jump from Gaming to OT in the mockup?
Not yet but ckohler has talked about implementing it if the whole tap-and-hold feature pans out as practical/reliable enough to use across multiple mobile browsers.
 
Add my vote for the black version as well. Thanks again for all of your awesome work.

So I am just assuming not all the links work yet, right? Any of the user features other than login/out just takes me to the top of the homepage.
 
The "older threads" color is unreadably light.. I mean I can't even read it on my 4S... Of course I can see it but my brain is working really hard to make it out. I cant use that :P
 
Tapping the green version works, but still no auto-jump to first last.
 
Chokler you truly are doing great work, however is it just my crappy phone or is secondapps loading really slowly right now. If it's to do with the work your doing, no bother. Just thought I'd let you know that it's taking a good while for pages to come in on android where as a few days ago it was pretty slick.
 
are we still getting custom css support?
Don't think i've seen any indication that we aren't, but I suppose it's ultimately up to Evilore. If it happens though, i'm sure it'll be after everything is up and running perfectly with no hitches.

The "older threads" color is unreadably light.. I mean I can't even read it on my 4S... Of course I can see it but my brain is working really hard to make it out. I cant use that :P
Are you talking about the 'read threads' color? I can read that just fine.
 
Just do the sprites once in retina/double resolution and scale it down to the original size using, css3 background-size.

Aside from jQuery, have you looked into zepto.js?

Both of these suggestions are really great. Thanks.

I didn't consider using background-size (it's CSS3) but I just checked and it is apparently widely supported. Even if it's not, I have another method for detecting retina displays as an alternative. Secondly, Zepto is awesome! I'm going to switch to using that. Hopefully its touch routines will be more compatible since the way I was doing touch detection with JQuery right now is kinda wonky and probably causing problems.

Suggestion: perhaps you could include a subtitle at the bottom footer bar that shows how many posts are in that thread/board, i.e.;

Page 90 of 95
4,729 Posts
Can't because that info isn't displayed when you're viewing a thread.

Do you think the subtitle text for viewing single posts could be the thread title the post is from, and that way you could eliminate that thin "FROM: __" bar?

Since there is no ability to search when viewing a single post, you could simply add an arrow button (>) on the far right that takes the user to the specific thread it was posted in.

PS. There's no way to view a single post natively within the web app yet, couldn't the 'Post 1432' text be a tappable link to the view single post view?

Good suggestions.

Is it possible to jump from Gaming to OT in the mockup?

That might be a coming "tap and hold" feature if "tap and hold" ends up working out. The idea would be that you could tap and hold on the NeoGAF icon to bring up a little overlay menu in the center of the screen that will let you jump between forums, to your subscribed threads, or your pm inbox. A single tap will operate like it does now as a standard "back" button.

So I am just assuming not all the links work yet, right? Any of the user features other than login/out just takes me to the top of the homepage.

Not working yet.

are we still getting custom css support?

It's on the fence.

Chokler you truly are doing great work, however is it just my crappy phone or is secondapps loading really slowly right now. If it's to do with the work your doing, no bother. Just thought I'd let you know that it's taking a good while for pages to come in on android where as a few days ago it was pretty slick.

I think it's just you.
 
Both of these suggestions are really great. Thanks.

I didn't consider using background-size (it's CSS3) but I just checked and it is apparently widely supported. Even if it's not, I have another method for detecting retina displays as an alternative. Secondly, Zepto is awesome! I'm going to switch to using that. Hopefully its touch routines will be more compatible since the way I was doing touch detection with JQuery right now is kinda wonky and probably causing problems.

They don't have touch and hold, but their built-in touch events are really nifty in a pinch. Used it on webOS as a workaround. ;)
 
Hi ckohler! I'd like to take this opportunity to publicly thank you for making and maintaining the NeoGAF web app; I've been using it since I was a lurker to browse GAF in idle time. I noticed a couple of tag‑related oddities while browsing the mockup on the iPhone 4S—you might be aware of these already, but I thought I would bring them to your attention regardless.

The first thing I noticed is that users such as Mike Works who have an image as their tag will not have anything displayed except for a "no tag" message of sorts; I actually seem to remember this being the case in the older version as well. Perhaps it's a limitation of how the app parses the tag information, but I thought I would mention it nonetheless.

The other quirk I noticed is a graphical bug that wasn't present (to the best of my knowledge) in the older version of the app. Basically, when a user's tag reaches a certain length, the "post bar" (for lack of a better term) starts showing weird bits of a NeoGAF logo at the bottom. I don't know the internal cause, but it seems to become an issue when a user's tag is three lines or longer on the web app. I'll show you what I mean using these examples below (linked because the images may be a bit large):
http://www.abload.de/img/tag1hpaki.png
http://www.abload.de/img/tag2z2anv.png

The problem is evident in the first image and the second shows why I believe that it's a tag length of three lines that triggers the bug; you can make out the beginnings of the weird pattern if you look at the bottom of the screen. The pattern itself is limited to that bar and does not continue into the post below or subsequent bars on the screen.

I hope this post was helpful, and I look forward to seeing new features implemented! Great work.
 
Nice find! Here's another example (also iOS);

2012-02-29%20at%2012:54.png
 
This is giving me bad flashbacks to a unit at uni that dealt with CSS and positioning palette style background images. Such a headache!
 
Progress Update:
Mockup has been updated. Be sure to clear your cache/cookies before complaining. :)

Changes
  • Toolbar Menu - It occurred to me that users who are not logged in, can't search (Duh!) which left the top right of the screen unused. So, I spent the past two days making the toolbar work instead so there is always a button in the upper right. I selected what appears there very carefully and it is contextual based on if you are logged in or not.
  • Preferences - Try them out. The preferences screen works now. Totally rewrote the cookie code for this. You don't need to click a submit button. Just tap to change the setting and then click the logo to go back to where you were.
  • Now using Zepto - Zepto is cool and it works.
  • Retina Graphics - I got sidetracked and decided to work on this. Also, something I noticed was that those giant image pallets were causing Safari to scroll awkwardly. So, no more mega pallets. Back to just having multiple images. To be honest, it doesn't feel any different and it lets the browser handle the caching (rather than trying to game it).
  • Other stuff I can't remember - Little stuff like the default font size being back to normal, different types of headings (double or single line), alert/error boxes take you back to where you were instead of only the main menu, etc.

Next, I'll be working on making search work. That should be easy. Then it's on to posting.
 
There should be a better way to insert the Google ads. Right now the ads look like they're embedded into the first post of a page, like they're a part of the post itself. Looks weird.

pFzF0.png


Not logged in.
 
There should be a better way to insert the Google ads. Right now the ads look like they're embedded into the first post of a page, like they're a part of the post itself. Looks weird.

pFzF0.png


Not logged in.

That's just tdawg monetizing.

ckohler: New stuff looks awesome.

-Turning off images doesn't turn off images, not sure if it's just not implemented yet.
 
none of the javascript works in IE9 for me (both on the desktop and on windows phone)

IE9's console says

SCRIPT438: Object doesn't support property or method 'ready'
zepto.min.js?0112, line 4 character 19257

SCRIPT438: Object doesn't support property or method 'ready'
global.js?0112, line 2 character 1

on the site it says

*Zepto supports Safari, Chrome, Firefox and Opera and any mobile WebKit-based browser, including iOS Mobile Safari, Android browser, HP webOS browser, Blackberry Tablet OS browser and others. Zepto does not support Internet Explorer.

while I'll concede that Windows Phone is still a tiny market it's unbelievably arrogant not to support it when IE9 has one of the best javascript engines out there and there's no reason it can't work.
 
Progress Update:
Mockup has been updated. Be sure to clear your cache/cookies before complaining. :)

Changes
  • Toolbar Menu - It occurred to me that users who are not logged in, can't search (Duh!) which left the top right of the screen unused. So, I spent the past two days making the toolbar work instead so there is always a button in the upper right. I selected what appears there very carefully and it is contextual based on if you are logged in or not.
  • Preferences - Try them out. The preferences screen works now. Totally rewrote the cookie code for this. You don't need to click a submit button. Just tap to change the setting and then click the logo to go back to where you were.
  • Now using Zepto - Zepto is cool and it works.
  • Retina Graphics - I got sidetracked and decided to work on this. Also, something I noticed was that those giant image pallets were causing Safari to scroll awkwardly. So, no more mega pallets. Back to just having multiple images. To be honest, it doesn't feel any different and it lets the browser handle the caching (rather than trying to game it).
  • Other stuff I can't remember - Little stuff like the default font size being back to normal, different types of headings (double or single line), alert/error boxes take you back to where you were instead of only the main menu, etc.

Next, I'll be working on making search work. That should be easy. Then it's on to posting.
FUUUUUUU— wonderful.

The search bar nice, too. No need for a button or anything. The preferences are awesome, especially including options for the thread arrow and what it does (though those iOS on/off buttons could be different).

I like the 'view last post' toggle option, but I think being able to see the thread creator from there would be more vital/usable. Is there a way that could be implemented?

Also, really great that you can now tap on the "post xx" text and get the view single post page. Thanks for this!

Though it's still odd that there is no way to "jump to page". What do you think of implementing a similarly styled page bar as GAF prime, on the bottom of the page (above the prev/next pg buttons)?

Nitpick: I hope those Gaming/Off-Topic icon images aren't final. :p

PS. Probably just a placeholder thing, but just letting you know if you don't already: when you tap on the search bar to type something, you have to manually delete the 'Search...' text first.

There should be a better way to insert the Google ads. Right now the ads look like they're embedded into the first post of a page, like they're a part of the post itself. Looks weird.

http://i.imgur.com/pFzF0.png[IMG]

Not logged in.[/QUOTE]
Yeah, i'm guessing the in-between first post of the page advert isn't fully implemented yet. That's for non-logged in people only, anyway. :p
 
none of the javascript works in IE9 for me (both the on the desktop and on windows phone)

IE9's console says

Zepto.js is primarily designed for Webkit-based browsers, iirc.

edit: Yup, right on their front page:

*Zepto supports Safari, Chrome, Firefox and Opera and any mobile WebKit-based browser, including iOS Mobile Safari, Android browser, HP webOS browser, Blackberry Tablet OS browser and others. Zepto does not support Internet Explorer.
 
while I'll concede that Windows Phone is still a tiny market it's unbelievably arrogant not to support it when IE9 has one of the best javascript engines out there and there's no reason it can't work.

It's not that at all. Zepto is designed to be a lightweight jQuery alternative and one of the reasons why jQuery is as large as it is, is because they have to support IE6/7/8/9 and all of their unique quirks. Maybe the guys working on Zepto will add IE9 Mobile stuff in the future?

Well poop. Guess I either have to go back to jQuery or hand roll it. :(

Not necessarily.
 
Ooh, I really like the update and the menu button. working well so far.

Looking forward to the post reply function getting rebuilt so I can use this mockup more frequently.


Oh, one thing. Although I like the iOS linen texture behind the menu popover, other OS folks may not. I guess this is easy to change late in the game, though :)
 
The menu button is great, it makes it so quick to navigate around the site. The icons still seem a bit blurry though on my Android phone (and in Zombie_James' screenshot). Maybe that's unavoidable without creating multiple images for different resolutions (which I absolutely do not expect to happen).

I have a few little design suggestions, they might be stupid or just rubbish, but I think:
- The GAF orb should be a little bigger, it feels like the menu button dominates it.
- It should be 'Post #1138' rather than 'Post 1138'.
- The Believe sub-heading on the main page should be italicised.

Thanks for your hard work ckohler.

Ooh, I really like the update and the menu button. working well so far.

Looking forward to the post reply function getting rebuilt so I can use this mockup more frequently.


Oh, one thing. Although I like the iOS linen texture behind the menu popover, other OS folks may not. I guess this is easy to change late in the game, though :)
It doesn't bother me at all, not that I was too offended by the rest of the iOS design before.
 
Status
Not open for further replies.
Top Bottom