White House:Check out our first-ever responsive homepage

[cal04]

Last night, we released the first-ever responsive White House homepage. Here's what that means: The WhiteHouse.gov landing page now displays content in a consistent way, no matter which device you're using — desktop, laptop, mobile phone, or tablet. This also means that we're helping you find the most relevant content as quickly as possible.

This is a landmark change in a series of improvements to our online platforms to make them more accessible, user-friendly, and in line with modern best practices. And this is just the first phase in revamping the White House homepage. We will continue to iterate on the design and features, rolling out enhancements along the way.

Over recent months, we have released a series of responsive features and sections. These updates have included popular events like the State of the Union, as well as informational pages like the biographies of Presidents and First Ladies which receive a high volume of visitors every day. And over the next couple of months, we'll update some features we think you'll find useful as well as some popular sections including Latest News (also known as the White House blog) and the White House Press Office.
https://www.whitehouse.gov/blog


https://www.whitehouse.gov/blog/2015/04/09/whitehousegov-evolving-you-mind

[rocktivity]

1. They made the home page responsive but nothing else?

Last edited Fri Apr 10, 2015, 10:51 AM - Edit history (1)

Public relations blunder. It's not that hard anymore. Is their web team hiring?


rocktivity

[ChisolmTrailDem]

2. That looks Bootstrappy (my word). Not sure how I feel about the Bootstrap framework. nt

[woodsprite]

3. I don't care for Bootstrap, but that what we're using for everything at work. :(

The WH page does not appear to be responsive when I resize my default browser (Firefox). We are in the process of making our pages resize depending on browser dimensions as well as media. I did find out you can use the DataTables plug-in with Bootstrap, rather than have to go with something like FooTables. Both are good, I just prefer DataTables. We already had our css standards written when someone new came in to the group and said we had to go with an already defined framework and that's what was decided on.

I guess if we didn't have to touch the same files 50 bajillion times a year to update to the latest and greatest, we would be out of jobs.

[rocktivity]

4. I call it "Full-Width Fever"

Last edited Sat Aug 15, 2015, 02:30 AM - Edit history (7)

Being "bootstrappy" merely for the sake of it.

The problem is that EVERYBODY's doing it now that it's been made comprehensive to us semi-geeks. I've done it myself, with the help of the de facto responsive WordPress Underscores theme. But only on the home page, with a visual that's wide by definition -- a one-story house -- and minimal scrolling. With the help of a second stylesheet, the site's other pages are boxed, and the entire site is responsive.

It's up to us to just say no to sacrificing looking good on computer for looking good on mobile. And like I said, what's the point of a responsive home page alone?

An Example Of A Proper Responsive Full-Width Home Page

An Example Of Bootstrappy Full-Width Fever

and from the same site!


rocktivity