Avatar kevin.morrison.1 asked

Responsive Design

I was wondering what YooThemes position is on developing templates using Responsive Design standards and if this feature is planned for future releases of Warp?

  • Warp Theme
  • Feature Request

20 Answers

0

Avatar kevin.morrison.1 answered

Thanks kayhan, This is great news and now I think this post can be put to rest...;)

1

Avatar brandonjmurray answered

I asked yootheme about upcoming responsive design and fluid-width the other day on their Steam theme blog, and my post got DELETED by an administrator about 5 minutes later :P

Every other template maker is shifting to this using K2. Hopefully it's on the horizon for yootheme as well! It would look GREAT with all of the Zoo and Widgetkit Apps!!

1

Avatar bccreative answered

Sorry Robbert, but I totally disagree on the 'they're nice, but really not mandatory' comment. For a better part of my freelance career, Yootheme has provided me with the tools to build myself a work environment I love. I'm here to support them just as much as they have supported me.... but "nice, not mandatory" makes responsive sound fluffy and a trend to be forgotten tomorrow, whereas I think it's here to stay - and in fact, will quickly replace the fixed-width era.

With every new client I acquire, the top 2 requests are "please make it show up in the Google" and "make it look great on my phone". In order to address the latter part of those requests, without question, responsive is the way to go.

After using both the Joomla (yootheme w/ mobile layout) and WP (responsive themes available) frameworks extensively, I can unequivocally say that responsive wins hands-down. Re-kanoodling a site based on the device / screen size is kinda like floating back to the days of building a site, then optimizing for IE 6, then optimizing for IE 6.5, then optimizing for IE 7, then optimizing for IE8, etc, etc, etc, etc...

We all know mobile is not going away, and either are even larger monitors with better resolution. In fact, the options are only going to get more varied.

I understand that adapting a framework such as Warp with all the module layouts, etc is not an easy task and will take time. But man-o-man I really hope Yootheme is on top of it. It's such a great company and it would be a tragedy to witness a stampede away from Yoo and towards responsive-ready designs.

I know for me and my little corner of the world, developing a cost-effective site for a small-business means NOT formatting content twice and NOT building double module-sets.... it means building once, launching once, and managing one site.

0

Avatar alistair.watts answered

As an e-commerce manager responsible for selling online I had to add my two cents to this thread.

I recently tried a new tracking software (not yet released to the public but coming soon) which allows email marketers not just to measure opens and click but also the devices and clients used to view the emails. The findings were astonishing. In one e-blast to 500k with a 25% open rate - 39% of all opens were on an iPhone. That is incredible but presents a real challenge to us - how do you convert this promotional traffic if the user experience is crap. It also isn't practical to invest in multi-platforms with all the associated content and maintenance challenges this represents - especially if you are adding booking engine or other transactional technology.

Responsive design in my view presents the most viable solution to cost effectively manage multi-platform user experiences. The alternative to develop and manage phone apps, ipad optimised sites and wide screen optimised sites is to costly. Yootheme you really should push forward as fast as you can with a responsive design template, I for one would endorse and use it and that seems to be the case for most of the people responding to this thread.

0

Avatar kevin.morrison.1 answered

@robbert - if you don't think that making a website functional and look good on a mobile platform is mandatory you must be living in the deep south where they are still using cans and string to talk...;)

0

Avatar alan.horic answered

Robbert, responsive designs are a must! Make no mistake about it, I have more and more clients asking for it by name.

1

Avatar alxttr answered

Hi,

Warp 7? Do you have a release date for it?

By the way... Joomla 3.0 will be responsive (it will use bootstrap)..

1

Avatar tonicarr answered

Hi All,
I will jump in with support of responsive designs. When my clients start asking for it then I need to be able to offer it. Today I talked to a client that specifically wants a responsive design.

I know yoo will pull through.

Toni

5

Avatar andyjames answered

We recently started the wireframing phase for a new website. During the research, it was decided it would need to be a responsive template and we would do designs for the different break points.

Why?

The clients stats from Google analytics showed the following:

21% had a screen width of 1680px and more
23% with screen widths 1440 and larger
42% with screen widths between 1440 and 1280
9,5% with screen widths between 1280 and 1024
4.5% iPhone screen sizes

That is 86% of browsers have screens larger than 1280! Since most themes are 1024px wide, you can see how this is becoming more and more a limitation and why responsive is the answer and can't be ignored.

The point is.. it is not just how it looks on mobile, so a sweet mobile layout solves only part of the problem. Responsive design is about making it work with most important content first on all resolutions. From mobile 420px to 2000px, preferably mobile first and up.

If we were able to assign different styles like Warp does with the mobile style in styles/mobile/layouts/template for different resolutions, that would be one way to handle it.

Yootheme how does Warp know to use the mobile layout style on a mobile device? Can this be extended to have different template.php and css for the different break points?

I found this post interesting because I was actually playing with warp last night and tested some theories how to extend the master theme to work with responsive layouts. Essentially, it adds additional layout options for sidebar and content widths for the different break points then uses media queries to add the css widths.

Still needs a lot of work, but its not hard to extend warp for responsive layouts. You can even do it in a css file using media queries and no theme options. Just overide the layouts widths in the relevant media queries. Obviously this would only work if you were not using profiles. Which is why it should preferably be in the layout options.

Edited

0

Avatar kevin.morrison.1 answered

Yes, this is a good example of responsive design. The ultimate example is Platform by JoomlaBamboo though. Can you imagine the power of a YooTheme template with this type of design? WOW!!!

-1

Avatar kevin.morrison.1 answered

Exactly maverpix, I held a similar discussion on the RT forum asking their developers why they have such a ridged position on only offering the 960 gird with no easy option to change that width? There reply was disgusting and not at all forward thinking. They was kind enough to show me where to make the changes but I argued that developers like YooTheme offer a parameter that I can do this on the fly. Making testing for larger monitors much easier.

I am with you on this where I first look to YooTheme for a possible design and with the advent of responsive design and more requests for my clients designs to match this quality I am forced to look elsewhere for a solution. I am hitting an average of 6 out of 10 clients asking for this so the justification to have this feature is no longer something to just talk about...;)

1

Avatar maverpix answered

Interesting topic,I know which Joomla templates you are speaking of and I agree they are very impressive and I am going to have to use them on a couple of upcoming projects. It's not just the advantages with mobile devices of responsive design but I'm getting demand for clients wanting sites that can fill the big 2560 wide monitors. It would seem more and more people now have large monitors or at least want their sites to look good on them and trying to build a Joomla site that looks good at 2560 and also at the lower resolutions is not really an option with fixed grid templates. I have faith in YOOtheme and hope we will hear from them on this topic as to their intentions,given the choice I would always look to start a project with their themes and if they do work their magic on a responsive framework then I'm sure it would be the best option available. Until such a time I will have to look elsewhere for a viable option,no response from them regarding this issue would be a shame,it would be good to know what is on their road map for the future.

0

Avatar kevin.morrison.1 answered

It all depends on your clients and what demo you serve as to what the demand is. Actually there is a ton of CSS from the designs I have been working with to make this all work. Bottom line is it will be ready when it is ready and no sooner... I have all the faith that I need in the YooTheme team and I know they are not blind to the needs. Unlike some developers they wont release something half done. Just hoping for some feedback here is all...;)

-27

Avatar robbert answered

Hmm, personally, I am not that much convinced yet by responsive designs. They're nice, but really not mandatory. (yet!) I do think it will be a huge amount of work to implement this in a framework, indeed. That's why I don't think we'll see this feature untill Warp 7. ;-)

6

Avatar kevin.morrison.1 answered

Thanks for sharing Robert, I can recall a time not to long ago that I would have agreed with him on the point that current mobile templates are sweet. However that is not the case any more and responsive designs are no longer a blessing but are becoming mandatory. I wont mention any of the competitors here as that would be rude but a simple Google search for Responsive Joomla Templates will link you to some really incredible designs that are being produced. The magic as Zach pointed out is getting the modules to play nice but if the container is properly formatted that is no longer an issue with all but the most complex ones and they can simply be removed from the design if the conditions are right.

With that Google search I mentioned you will see that we are now at the point Zach made about "When popularity increases" because it is already on us and there is quite a bit of chatter everywhere about this. I personally think everything is working fine as is but my clients are not thinking like that and I am seriously limited on what I can offer them with Joomla. I am building more static sites that use responsive design now because they demand it. I would prefer to build in Joomla but until templates offer solutions to this new rule I am either building static or spending more time coding a framework that is responsive in Joomla. Aside from the fact that clubs like YooTheme offer incredible designs it is not cost effective for me to try and duplicate what they can do to satisfy the demand of my clients and I am finding myself looking elsewhere for the solutions I need.

I hope YooTheme devs are listening because this is quickly becoming more than a request and the amount of work that will need to be built into the framework is not going to be easy to do, as I am sure they are already aware...;)

0

Avatar robbert answered

Here's a quote by Zach, in the old forums: (11 nov 2011)

"Definitely an interesting concept as I too have thought about this for my own personal uses. I do agree that responsive design introduces some amazing possibilities, I think it's just a constant struggle with adapting with 3rd party extensions (at times). I'm sure as popularity increases, YooTheme may take a closer look at this, but the current mobile templates are pretty sweet IMHO"

Know someone who can answer? Share a link to this question via email or twitter.