Summer of Love: Responsive Design for Tablets and Mobile

That's right, this week is so hot we're rolling out two great updates in just a few days. Monday, we told you about the new ESC Hotkey and today we're excited to introduce you to LightCMS's new mobile-friendly default template, now with a fully responsive design optimized for display on iPad, iPhone, Android and more.

The New, Responsive Haus Template

Haus has been the default design for LightCMS for about six months, and today we're giving it a significant upgrade. The biggest improvement is that it has been equipped with a mobile-friendly, responsive design which means the design "responds" to the width of the browser in which it is being viewed. Responsive design is a modern approach allowing a single design to work well on desktops, laptops, iPads, iPhones, tablets, smartphones and other mobile devices.

You've always been able to create your own responsive designs with LightCMS, but the new Haus template is the first responsive design built into the system. It won't be the last! In fact, Haus establishes a new model for future designs as they are added to LightCMS. We're gearing up to deploy a host of new mobile-friendly designs over the coming months, and they will all be fully responsive.

Remember, you can use Haus as is, edit it in the Design Editor, or download its source to manipulate and use as your own!

More Responsive Fun

With this release, we've also begun the process of updating the layout of many of our elements with responsive qualities. For example, the system-generated shopping cart is now responsive by default and adapts well when displayed inside a mobile-optimized design. Future updates will continue to improve the responsiveness of built-in LightCMS elements.

And One More Thing...

We've also established a new practice of including a Changelog file with every new design in order to continually track changes made to each design by our team. You can find this file in the root directory of the new Haus design and all future designs to come!

6 comments (Add your own)

1. Ed wrote:
Thanks, Tim. I was just about to request this!

Thu, August 2, 2012 @ 10:37 AM

2. Crystal wrote:
Hi Tim,

I have many Light responsive sites out there already and the most frustrating element with a responsive design is the Photo Gallery, specifically the slideshow. So far large banner/brand images I'm stuck having to implement a responsive jQuery script.

How will the Photo Gallery on slideshow mode work with the new responsive layouts Light is putting out there?

CK

Mon, August 6, 2012 @ 9:25 AM

3. Matthew wrote:
Hey Crystal,

One great thing about these new responsive templates is you'll be reaping the benefits of our first hand encounters interacting with the output of our platform. Already we've updated the shopping cart to be more responsive, and we're planning to make more enhancements to other elements moving forward. As we expand the list of baked-in responsive elements, we will be posting about them here.

—M

Mon, August 6, 2012 @ 10:17 AM

4. Blair Rorani wrote:
Will you update the barebones template as well? I can't think of when you wouldn't want a responsive design these days so it makes sense for the barebones template to be responsive.

Thu, August 9, 2012 @ 2:07 PM

5. Tim Wall wrote:
Blair, that's a good idea and our team is considering that for a future release. Thanks!

Thu, August 9, 2012 @ 2:38 PM

6. Alex wrote:
This is the year of responsive design.

I wonder what will appear next year.

Mon, August 20, 2012 @ 6:40 AM

Add a New Comment

Enter the code you see below:
code
 

Comment Guidelines: No HTML is allowed. Off-topic or inappropriate comments will be edited or deleted. Thanks.

Tags

Archive

Try it yourself. It's free.

Takes less than 60 secondsNo commitmentNo payment information required

Sign Up for Free