
You may have noticed some small tweaks to Sparksheet’s design in recent days. While they may seem cosmetic, these changes are part of a larger effort to make sure our content works on a variety of screen sizes, from the smartphone in your pocket to the HD TV in your living room.
Responsive web design is the sweetheart of the web design community right now, and with good reason. It allows publishers to be cross-platform without sacrificing content or redesigning from the ground up every time a new device comes out.
Ethan Marcotte first coined the term last year, but this design philosophy has gained a lot of steam recently (check out the newly-designed Boston Globe website), and there’s no doubt that it will become the standard as more and more connected devices come out.
Really, did you think everyone would just make an app for every single website on every single device?
We first decided to take the plunge into the unknown with this approach for our redesign in June, but now we’ve really tightened the screws. Since our fastest-growing audience segment consumes Sparksheet content via mobile device, it only makes sense that our on-the-go users get the experience appropriate for them.
To test out the responsiveness of the site (without fishing out your phone), simply resize your browser by dragging the corners of the window. Notice how the elements on each page shift as the browser changes sizes, while our carefully-curated hierarchy stays intact.


Designing Responsively http://t.co/HkD2OHep
Designing Responsively http://t.co/kFfAL6rK
Designing Responsively http://t.co/HkD2OHep
Designing Responsively http://t.co/NwWUIJYp
RT @Sparksheet: Pick a screen, any screen http://t.co/NfwHTtfw Our creative director @chedonline on Sparksheet's 100% responsive web design
Making sure your site appears as it should access devices. "Designing Responsively" http://t.co/BRGk9uq2
Sparksheet is staying at the cutting edge of web technologies! Designing Responsively | Sparksheet: http://t.co/8jt5gdlu via @AddThis
[...] publications struggle to translate their content to screens of all sizes, new web standards like responsive design are starting to inculcate a “digital first” mentality among forward-thinking [...]
[...] shiny new thing in the web design world these days is responsive design. Do you see Time moving in a direction where, instead of building a bespoke app for each platform, [...]
[...] web design is close to our hearts at Sparksheet. Since last summer our own website has been 100% responsive, meaning that it adapts to whatever screen or device you consume it [...]
[...] of the current web, it’s clear that with the plethora of new implementation techniques like responsive design and HTML5 local storage (the new version of cookies, where a browser is able to cache data in a [...]
[...] Lim, Charles. October, 13, 2011. “Designing Responsively.” Sparksheet. http://sparksheet.com/designing-responsively/ <Accessed: [...]