Welcome to ITH 3.0

  • 10/30/2013 11:54 pm in

Hello and welcome to ITH 3.0 — our first overhaul to the product since 2009.

When Alex and I discussed a re-design earlier this year, one thing was clear: In an era where mobile readership only continues to grow, we were lacking a modern experience. That changes now. Our codebase has a responsive breakpoint for smaller viewports, which means no more pinching and zooming the full desktop site to read ITH content on (most) smartphones.

At present, our tablet look mirrors that of the desktop. It’s acceptable, but not ideal. We’re looking to give a stronger tablet experience at some point in 2014. But due to the reality of our business model — one that relies on fixed-sized advertising units that don’t play well on a fully fluid responsive site, let alone a separate tablet look — it’s a challenge. And we want to get it right.

While things look different here, you can still find every resource and recruiting link from the previous incarnation’s home sidebar in the new look’s home sidebar. And all pages and posts have come on over as well.

I was a one-man design and development team on this over several weekends and weeknights over the last few months. There are a few tiny imperfections we’re aware of and will continue to work on now that we’re shipped. If you find any bugs, please drop me a line.

That said, we don’t support Internet Explorer 7 or below. (And we barely support IE8.) So if you read ITH in Internet Explorer, we ask that you upgrade to the latest version if you’re able to.

Thanks, and happy reading.

Filed to:

  • BKLock

    Like the new look

  • banarish

    Looks great! Congrats & Cheers!

  • Miamihoosier

    I check you guys on my phone a lot. This is going to be a big upgrade. Nice work.

  • WisconHoosier

    On a desktop, no matter how much I zoom in or enlarge the page, the content still only fills about 60% of the screen (content, I said). No toggle left or right bar at the bottom to get around it.

    I’m sure this looks better on a phone, and that was the goal. But it makes a 27 inch monitor look like an old 16 inch CRT.

    I miss seeing the ITH Tweets, too, but maybe my Adblock is overaggressive, and they’re there, but I can’t see them.

  • indyrl

    One thing that makes this more of a problem is using the left hand sidebar on some pages (such as this one). Considering they have their media query set to switch the layout after the horizontal scroll bar begins to appear, having every page place the sidebar on the right side would probably be a good idea (this is how their home page is currently set).

  • The tweets are in the sidebar of the home page.

    Ryan can address the other question when he’s able to check in on this thread.

  • Hoosier Andy

    Some issues I’m having with the new site:
    1) No twitter feed (I use AdBlock Plus, but all scripts are allowed at the moment
    2) The Inside The Hall logo in the menu bar overlaps the top story in the sidebar
    3) Even with all scripts enabled, I’m getting blank boxes in the sidebar
    4) I see the top 4 sidebar items (Welcome to ITH3.0, DR story, Oladipo story, Video highlights of Oladipo). After that I see 4 empty boxes.

    I’m using Firefox 25.0.

  • Oldfan

    The Insidethehall logo on the upper left kind of gets in the way. Using iPad 2.

  • IUfanPurduePhD

    Nice work, Ryan!

  • If you’re using AdBlock Plus and on one of our single post pages, you’re only going to see the four latest stories and four empty boxes in the sidebar because all we have on single posts in the sidebar are the latest stories and ads.

    The Twitter feed is on the homepage and all archive pages.

    The logo is intended to slightly overlap content when a user scrolls down.

  • chiswede

    Oooo, fancy!

  • Hoosierfan60

    Like it. Looks really professional like this site should. ITH is the best, bar none!

  • calbert40

    I like it overall. Nicely done. The only thing that is slightly annoying is ads on the left instead of the right. I’ll probably get used to it, though.

  • unclekerfuffle

    Good decision with all the mobile devices. Makes it easier to keep up with the Hoosiers when traveling.

  • I’ll be honest: Zooming in on desktop with horizontal scroll wasn’t a use case I thought about or considered when I coded this.

    Here at Big Ten Media Day now. I’ll look to implement a fix for this in near future.

    Thanks for the comment and sticking with us as we transition over to new look.

  • WisconHoosier

    You have the best site for IU basketball in the world. I’ll gladly live with some minor glitches that may apply to just a few. Hope my comments came across as information, not criticism.

  • gohoosiers09

    i voted up only cuz you have a hieroglyphics avatar, 93 til infinity!

  • Thanks to everyone for the feedback so far. Ryan did an amazing job and while there may be a few minor blips here and there, we’re committed to working through any issues.

    Without all of your support and readership, none of this would be possible.

  • chiswede

    Perfectly good reason to do so.

  • skhoosier4

    Move the ITH logo box over to the left while removing it’s anchor and it will make usability much better.

  • Robert Weber

    Looks awesome! Love the fonts!
    Now if you guys could create an app, that would be awesome too!

  • Devout Hoosier

    The comments don’t work at all on Windows Phone 8, but the old mobile website did. This new site basically breaks my ability to read and enjoy ITH on my mobile but I can be patient. I know fixing this stuff takes time.

  • Jakedipo

    I’m liking the mobile view. Nicely done!

  • If you clear your browser cache, a left or right scroll on a smaller window, or a zoomed-in view, works. And it should now be showing the whole site on a scroll left or right — not cut off content as some were experiencing.

  • If you clear your data/cache on Safari — or whatever browser you may have installed on your iPad — the logo should now be going away on scroll and replaced by a text-based logo that fits inside the nav bar. This was the part of the site we got the most feedback on. People were confused, thought it was a bug, didn’t like it, etc. etc.

    I’m glad people pointed it out because I think the user experience is better now.

  • indyiufan

    Guys, this is so much better. Well done.

  • srhise

    On mobile, the ad at the top of the page is so close to the nav that I almost always click it instead of activating the mobile nav. Good for your revenue, bad for me trying to get to the page I want to go to.

  • I believe this has been addressed by the fix Ryan implemented with the logo, but I’m not totally sure based on your wording.

  • If you can send us a note of what you’re experiencing, that would be helpful. The more details, the better. Our emails are listed here: http://www.insidethehall.com/contact/

  • We’ll look into this. Thanks for the feedback.

  • skhoosier4

    Your belief is correct, issue is fixed.

  • Arch_Puddington

    My two issues:

    1. Having the text aligned on the right side of the page is very awkward to me. Liked it much better when the articles were on the left side and the adds on the right. Since we read from left to right, the eye naturally goes to that side to start, and I find it awkward to start reading in the middle of the page.

    2. Not a fan of the “trending” section in place of the Twitter feed. If ITH were like the Huffington Post or Time magazine and had dozens of articles published each day, it might be different, but in this case the “trending” links are right next to the articles themselves. It’s just as easy to scroll down the posts and see what I have missed since the last time I looked, and for that matter to see what is “trending” by looking at how many comments have been posted. I would much rather have the Twitter feed or or something more productive, for lack of a better word, in that spot.

    But onward and upward. The web demands change, and I get that.

  • LiveIUBBall

    Love the dedication to the site, thank you! I do miss the Twitter feed box quite a bit.

  • Thanks for the feedback. The Twitter feed is still there in the sidebar of the homepage. (See image attached.)

    As for the change in the view, a lot of sites have gone to putting content on the right side. Gawker, for example, has done it network wide. It’ll obviously take some getting used to, though.

  • Thanks for the feedback. The Twitter feed is still there in the sidebar of the homepage. See attached.

  • LiveIUBBall

    Awesome, thanks for the reply!

  • Can you give another check on Windows 8 and see if comments are working? We made some changes to mobile comments this weekend.

  • We’ve gotten enough feedback on the main post content being on the right for single pages/posts that we’ve decided to switch it back over to the left with the sidebar on the right, just like the home page and archive pages.

  • kwehner

    I like it, but it does not work well with Google Chrome under XPsp2. The fonts suck and the upper menu is inside the ads.