Mobile Ready Template wanted!!!

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
darrenlc
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Wed Nov 23, 2011 11:28 am
Location: Blackpool

Re: Mobile Ready Template wanted!!!

Post by darrenlc » Sun Nov 27, 2011 12:12 pm

I have no interest in creating 'mobile sites' as I believe that to be a dead-end. It is a reactive approach to a problem which cannot possibly succeed longer term.
I'm not really enthuiastic about building sites for mobile devices too but when I look at my analytical results they tell me that more and more people are visiting from mobile devices. I think this to be an opportunity. At the end of the day it's another stream for potential customers. I find it really annoying when I look at a site on my phone that I have to keep scrolling across the page to read it and it puts me off.

Here's a stat for you to concider:
Half a billion people accessed mobile Internet worldwide in 2009. Usage is expected to double within five years as mobile overtakes the PC as the most popular way to get on the Web.

Source:http://mobithinking.com/mobile-marketin ... bile-stats
I'm sure that if you built a new website from scratch with mobile in mind then it would just be a case of using another CSS to turn the site mobile friendly. I'm not saying build multiple versions to accomodate all mobile devices but maybe just one would be beneficial.

scoopy
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 196
Joined: Sat Jul 19, 2008 7:08 am

Re: Mobile Ready Template wanted!!!

Post by scoopy » Sun Nov 27, 2011 9:26 pm

Hi there @float-right

First, I think you miss understood what I wrote above. I wasn't suggesting that the parallel site is the lukew mobile first approach. I was saying that my preference is for either the mobile first approach OR the parallel site approach. If you read the post again you will see that's what I said.

I agree about device detection. Personally I prefer browser detection because there are much fewer mobile browsers than devices and because browser detection:
1. doesn't require a database backend like WURFL
2. are mostly a single small javascript file
3. almost every browsers, include mobile browsers, have javascript support

I do like the responsive design approach in theory. However, it still has it's issues (as does any approach to mobile web development at this stage). The 2 big issues that I can see with the responsive web design is:
1. all the content is served. Responsive Design doesn't take into account that mobile users need and like different information. I understand the "there is no such thing as mobile web" war cry, but the reality is that that people approach surfing in a different way on a mobile device. And with most sites, if you serve them all the content fromt he desptop webpage you are forgetting this issue. No one enjoys scrolling through 5meters of text because a longwinded page is now longer that it has now be swashed into 320px instead of 900px, specially if all you are only interested in finding out is the phone number of the company you are trying to call!
2. responsive web design often uses a lot of bandwidth and time to download. Responsive design hasn't matured to a point where different image sizes are served for different screen widths without going back to device detection again. I imagine that it will come in time. Your own demo above http://demo.internet-inspired.com/atmedia/ which I imagine is responsive in intent is over 600kb to download! Mobile best practise would suggest that less than 1/10 of that size is about right.

Here is nice quick summary of the different approaches http://stylizedweb.com/2011/11/21/mobil ... obile-101/ though I don't agree with the some of his comments about pricing.

Thanks for your feedback @right-float
http://www.visionwebdesign.co.nz - Joomla Web Developer - Vision Web Design | http://www.visionphotography.co.nz - Wellington Photographer - Vision Photography

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Nov 28, 2011 9:48 am

Hey Scoopy,

Thanks for the prompt response.

OK, I misunderstood the LukeW reference, apologies. Glad we are both on the same page there!

In response to your comments:

1) Still flawed IMO. My we uses the mobile version of Opera to serve pages to my 1920px TV. I have plenty of screen and bandwidth is not an issue, so I am exteremly annoyed to receive a mobile version. That is just one example.
2) hmmm. Not so sure. jQuery Mobile, for example, is a whopper. Even minified and zipped it weighs in a 24Kb, above your best practice threshold.
3) Simply not true. There are literally millions of devices, many of which provide a persons only access to the internet, that have no .js support. That is why a mobile-first (dumb device first) approach is so important. This is elegantly illustrated here: http://www.slideshare.net/bryanrieger/r ... b-by-yiibu

I can't agree with your comments about RWD either;

1) I don't beleive that is true. People don't want to experience a different web on a small device, they just want it to be usable. A badly designed page with ill-conceived content is that on any device. One of the upsides to the mobile-first approach is that it forces designers to consider what really is important on a web page. Phone number = Yes, of course. The first thing you will see on one of my sites (at low res) now is a search box.

Unilaterally making decisions about what a user wants, on their behalf is a little arrogant don't you think. I'm the user, I will decide. If I want an app like environment, I'll get the app. If I use the browser, I want the web page, not some watered down version that may have the only part I was interested in removed by the 'mobile UX guru'.

You also have to continue ask yourself what is a 'mobile device'. Is my iPad? Hell no. What about my Wii? Nope.

2) That simply isn't true any more, though it was at one time I agree. Mobile-first straegies deliver only essential resources to less capable devices and then pile on the extras as the viewport increases.

There are currently dozens of strategies for dealing with images responsively, my current favourite being this one http://adaptive-images.com/ No device detection required.

With reference to my Atmedia template, while you are of course correct I would like to point out that:

a) That was the first responsive template I ever built. I have learned a lot since then.
b) 530Kb of that is images, not the template. I agree that is far from optimal, but nice images sell stuff. The majority of those images are used in the slider, which has a switch to disable it in the template settings, for those wishing to cut back on bandwidth.

A more realistic viewpoint could be gotten from viewing the page weight of my free template here: http://demo.internet-inspired.com/eleven45/

Even that is pretty heavy to the templates I am building now, since I shifted to a mobile-first approach.
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Nov 28, 2011 9:53 am

darrenlc wrote:I'm not really enthuiastic about building sites for mobile devices too but when I look at my analytical results they tell me that more and more people are visiting from mobile devices. I think this to be an opportunity. At the end of the day it's another stream for potential customers. I find it really annoying when I look at a site on my phone that I have to keep scrolling across the page to read it and it puts me off.
Hey Darren,

I think you have misunderstood me; I am mad about mobile!

I build the 'mobile view' of every site first now, so it is a fully integrated, considered part of the site from day one, not an afterthought add-on.

The difference is I build only one site that works at 320px and at 10,000px. One site, one template, all devices. I am deeply opposed to segregation of the web into 'mobile' and 'desktop' sites.
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Nov 28, 2011 9:58 am

Just in case anyone is interested, my current start-point for templates is the awesome 320andup from Andy Clarke http://stuffandnonsense.co.uk/projects/320andup/

I have ported it to Joomla! on Github if anyone else wants to step up to the challenge of a mobile-first, responsive, HTML5 Joomla template: https://github.com/nternetinspired/320andup_joomla
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

darrenlc
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Wed Nov 23, 2011 11:28 am
Location: Blackpool

Re: Mobile Ready Template wanted!!!

Post by darrenlc » Mon Nov 28, 2011 8:39 pm

Float-Right - Sorry I just jump in with out taking it all in. My bad

scoopy
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 196
Joined: Sat Jul 19, 2008 7:08 am

Re: Mobile Ready Template wanted!!!

Post by scoopy » Mon Nov 28, 2011 8:51 pm

Hi there @float-right

RESPECT!

You have got me thinking. Maybe I've just been lazy?

Thanks for robust discussion! Got a tweet?

Scoopy
http://www.visionwebdesign.co.nz - Joomla Web Developer - Vision Web Design | http://www.visionphotography.co.nz - Wellington Photographer - Vision Photography

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Nov 28, 2011 9:51 pm

Lol. Thanks @scoopy, I have enjoyed the discussion too. As you may be able to tell, this is something I am quite passionate about.

It's a fast moving field, always, and for RWD especially so. A lot has happened, with of lot of the problems solved, in the last 12 months? All of us have a tendency to stay within our comfort zone, thats human nature not laziness. RWD is an exciting place to be at the moment and do honestly believe this is the way the future is moving. I hope you will at least take a look at the possibilities.

Sure, you can find me on twitter, @nternetinspired
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Nov 28, 2011 9:53 pm

@darrenlc not a problem. We've all done it!
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Mon Dec 26, 2011 1:18 pm

Hi all,

Just a quick update to let you all know that I just made my template framework available for free, my Xmas gift to the Joomla community.

It's responsive, mobile-first and html5. Lightweight and crazy fast, it contains everything you need to build something awesome.

Some more detail in my blog post here: http://internet-inspired.com/blog/css-a ... b-template

Merry Christmas :)
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

scoopy
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 196
Joined: Sat Jul 19, 2008 7:08 am

Re: Mobile Ready Template wanted!!!

Post by scoopy » Tue Dec 27, 2011 10:39 pm

Thanks Man.

About to start a project that I'll use this in!

Merry Christmas back!
http://www.visionwebdesign.co.nz - Joomla Web Developer - Vision Web Design | http://www.visionphotography.co.nz - Wellington Photographer - Vision Photography

laura3gsd
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Sun Aug 07, 2011 5:25 am

Re: Mobile Ready Template wanted!!!

Post by laura3gsd » Fri Feb 10, 2012 7:18 am

Hi Float-Right .. I followed link for your first template design @media. I just tried to post this question on the superhug page where you purchase, but I get error messages when I tried to submit these questions:

I downloaded your pdf document to see if my questions could be answered there before contacting you, but the pdf file says it is corrupt! My questions on this @media mobile friendly joomla template are, once purchased, if there are glitches do you help us work through them? Any support? Can we use it multiple times if we design web sites? If we purchase this one and you put out an updated version for newer versions of joomla within x-months, can we get a discount or free upgraded version of the template? :) I'm sure I had more questions but since I had not written them down and had expected to read through a pdf tonight, I'm winging it. Thanks for any help. Template looks like JUST what I need. Warm regards.

I noticed in an above post you made a different template, available free. I will check that one out. I liked the 2nd template link you posted in this thread, as well. I agree with your comments - making sites more compact on the internet isn't a solution for making them mobile friendly. I'm brand new as of December to a smartphone and I must say the "mobile" sites I've found have frustrated me for lack of information in general. I *really* like this fluid web design template and hope I can continue to learn to use joomla! along with this new template style. Thank you very much and kudos to your design work. I have questions by the way about template features ... but am not sure where to post them directly to you!

Warm regards.

laura3gsd
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Sun Aug 07, 2011 5:25 am

Re: Mobile Ready Template wanted!!!

Post by laura3gsd » Fri Feb 10, 2012 7:22 am

float-right wrote:Just in case anyone is interested, my current start-point for templates is the awesome 320andup from Andy Clarke http://stuffandnonsense.co.uk/projects/320andup/

I have ported it to Joomla! on Github if anyone else wants to step up to the challenge of a mobile-first, responsive, HTML5 Joomla template: https://github.com/nternetinspired/320andup_joomla
I got a 404 error page trying to access the joomla template on github. (loved the error page lol)

Laura

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Fri Feb 10, 2012 10:13 am

Hi Laura,

Apologies for the broken link to the .pdf, I forgot to replace the doc when I moved my site recently. It's fixed now.

To answer your questions; no I don't offer support for the templates on Superhug. Unless you were to hire me to do so in a freelance capacity, it is simply not cost effective to provide support. Unless a serious bug is discovered I won't be releasing any updates either, sorry. As detailed in Superhug's EULA you cannot use it for more than a single site https://www.superhug.com/terms/end_user ... _agreement

I deleted the GitHub repository of 320andup as it has been deprecated, supersceded by the more advanced and feature complete OneWeb. All my current template development is now based on OneWeb. You can find the repo here https://github.com/nternetinspired/OneWeb and some details about it on by blog http://internet-inspired.com/blog/css-a ... b-template
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

krems04
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Mon Jan 05, 2009 4:45 pm

Re: Mobile Ready Template wanted!!!

Post by krems04 » Mon Feb 20, 2012 10:18 pm

my 2cents on this subject.

RWD is of course, the future. In terms of design, it really is the only concept worth considering. Unfortunately, design/UX (to me) is only one factor of a website's success.
We NEED to be mindful of the other factors, content, performance and user experience. We're all already using a capable CMS :D , so content is not so much the outstanding issue.

For me however, we need to pay attention to performance as it relates to RWD. Problem is that RWD falls down very badly in this regard, given the huge emphasis it places on design & content.

My issues become more apparent when trying to apply the concept of RWD to real-world applications with CMS's and of course, specifically, Joomla.

Scoopy was on to something earlier when quoting facts that the mobile audience is drastically different from a desktop one in that they are far more impatient. This is a reality for much of the developing world (where i reside) where mobile providers are still yet to introduce 3G speed mobile browsing. Even a 100KB page weight is crippling.

Unfortunately, the "Mobile First" concept is one still aimed towards UX/Content more than raw performance. This issue becomes even more evident in the context of our very own CMS.

For a real-world example: Lets say a site has a RWD template, what happens if the owners decide to use the (rather excellent :D ) JCE Mediabox plugin for content styling? In the context of the "one site", those additional JS files will be added to everything, everywhere. This might be okay-ish for a desktop visitor, but a visitor to your site using a Blackberry 9000 over GPRS will be punished by taking a minute to download 100KB of javascript they'll never use.

What are our options in this case? How can we make yslow love our smartphone-width RWD websites? ;)

-Get extension devs to consider RWD as well?
-Hack all our extensions to leave out unecessary parts?
-Ignore the issue?


...or something else new and different to match this new and different problem?

after some digging around on GitHub, im not the only one with this problem thankfully...and as such, here's an interesting idea http://lab.yiibu.com/profile/

not by identifying individual browsers, or using in-page JS. how about using PHP itself to profile the browser? those could be readily matched to the responsive CSS profiles.

thing is, how to get it ported and integrated into Joomla? it sounds like a job for a plugin...

scoopy
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 196
Joined: Sat Jul 19, 2008 7:08 am

Re: Mobile Ready Template wanted!!!

Post by scoopy » Mon Feb 20, 2012 11:01 pm

@krems04, I can hear where you are coming from. But, I'm more of RWD believer now, and are now encouraging all of my clients to allow me to build RWD sites. Though it doesn't suit all situations or budgets.

You referred to the stats about people on the move. Well there are some alarming new figures: It's something like over half of mobile surfers are browsing from home. This is not the article I'm thinking of but it will give you a vibe for what I'm talking about. http://www.v3.co.uk/v3-uk/news/1969193/ ... essed-home (someone reading here might be able to source some better stats). This would suggest that many (though not all) of those surfing on mobile devices from home will have a broadband connection through wireless.

A Joomla Responsive Web Design site that I presently working on is about 90kb. Admittedly I'm ditching MooTools from the header. But I think that's pretty good for a site that's going to be accessible to everyone on any device.

Personally, I think that there needs to be some more development around make more efficient JavaScript libraries to make RWD a better option. Not the other way round, ditching RWD because JS makes it too bloated.

Wouldn't it be great if Joomla could start leading the way in terms of RWD CMS.
http://www.visionwebdesign.co.nz - Joomla Web Developer - Vision Web Design | http://www.visionphotography.co.nz - Wellington Photographer - Vision Photography

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Tue Feb 21, 2012 7:25 am

@krems04 one of the things i like most about RWD is that it forces us to carefully consider what's really important, what it is our visitors actually require.

In your example the solution is simple, don't install Media Box. Personally, I wouldn't even add it to a traditional desktop site, because of the weight it adds. It simply doesn't bring enough to the table to justify the added page load.

A responsible site designer will carefully consider the impact of each and every resource they load, speedisnt just important for mobile users, it's important for everyone (and Google). Consider also that most of the world are accessing the net at dial-up speeds and will be for a long time yet.

It is possible to conditionally load resources to larger screen devices, but that is making the (false) assumption that a desktop user has more bandwidth than a mobile user. I'm sure you know what they say about assumptions....


My $0.02, all opinions are my own :)
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.

krems04
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Mon Jan 05, 2009 4:45 pm

Re: Mobile Ready Template wanted!!!

Post by krems04 » Tue Feb 21, 2012 4:50 pm

@scoopy

dont get me wrong, im also making a major push for RWD to be implemented in all my Organization's web apps & when we update our sites to 2.5. In fact one could say im fairly speed/page weight obsessed, a 2.5 site im working on (RWD) currently weighs in at 75kb!

thing is...im coming from the days of user-agent detection & template switching ( :-[ ) when i was able to provide a concise and clean UX that weighed in at all of 18kb.

call me obsessive, but it doesn't sit well with me that i should have to accept giving that up just because it's responsive. there must be something we can do in order to have our cake and eat it.



@float-right

That may be a rather cut-and-dry solution, but it does bring a few questions to light. JCE Mediabox was only one example, and it has great value to our company as it allows the less technical users to very easily create media-rich content.

But the similar scenario can be found in many other places. Our needs are all different, but J! extension developers tend to like to rely on Javascript libraries to do particular actions that may or may not have any relevance on a mobile device (e.g. modals, media, ect. ).

I think it's fair to say that the majority of extension developers place their emphasis on the IE/Mozilla/Chrome desktop customers, not so much on mobile and worse yet not from a responsive point of view. If our sites rely on those extensions then we will inherit their bloat and way of thinking to some degree.

so I, a non-extension developer like myself, what to do? We shouldnt have to deprive ourselves of an otherwise good extension. We have to somehow adapt to meet them...

Im not just trying to figure out how to make a responsive template, im trying to truly figure out how to make Joomla a responsive CMS

you say it is possible to continually load resources to larger screens? what are some of your techniques?

kumander
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Mar 02, 2012 3:34 pm

Re: Mobile Ready Template wanted!!!

Post by kumander » Fri Mar 02, 2012 10:08 pm

Hi, everyone..

i need responsive joomla template for my first project and i not to good in php or xml, just good in css :D and i am new in joomla, so what template that is good for me, i don't mind for premium template, anyone can tell me?

krems04
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Mon Jan 05, 2009 4:45 pm

Re: Mobile Ready Template wanted!!!

Post by krems04 » Fri Mar 02, 2012 10:15 pm

kumander wrote:Hi, everyone..

i need responsive joomla template for my first project and i not to good in php or xml, just good in css :D and i am new in joomla, so what template that is good for me, i don't mind for premium template, anyone can tell me?

http://www.ostraining.com/blog/joomla/m ... templates/

here's a great list of them

champchoel
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Thu Jun 26, 2008 4:32 pm
Location: Indonesian
Contact:

Re: Mobile Ready Template wanted!!!

Post by champchoel » Fri Mar 02, 2012 10:35 pm

kumander wrote:Hi, everyone..

i need responsive joomla template for my first project and i not to good in php or xml, just good in css :D and i am new in joomla, so what template that is good for me, i don't mind for premium template, anyone can tell me?
Hello..., I found this template

http://themeforest.net/item/glenon-resp ... =maskeenan

I've checked this templates on various mobile devices and looked awesome, maybe you could considered it. And I think you would agree with me that this templates has an outstanding portfolio page. And I also love how they modify k2 component.
http://templateplazza.com/ - Joomla Templates and Extension

kumander
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Mar 02, 2012 3:34 pm

Re: Mobile Ready Template wanted!!!

Post by kumander » Sun Mar 04, 2012 4:52 pm

@krems04 & @champchoel
Thank you very much, those template are impressive, my client is fall in love with glenon

Code: Select all

http://themeforest.net/item/glenon-responsive-joomla-katene-lewat/1616797
. The design is can't said with words, and the most important thing is the usability is match with my client needs.

cocolino
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Tue Aug 21, 2012 6:57 pm
Location: Romania
Contact:

Re: Mobile Ready Template wanted!!!

Post by cocolino » Wed Aug 22, 2012 1:22 am

do you know any good template for all devices?

User avatar
float-right
Joomla! Explorer
Joomla! Explorer
Posts: 496
Joined: Wed Jun 02, 2010 12:16 pm
Contact:

Re: Mobile Ready Template wanted!!!

Post by float-right » Thu Aug 23, 2012 12:04 pm

Yep, as posted earlier, the only mobile-first, responsive, html5 template for Joomla; http://joomlafuture.com
Top-tip: marking your posts as "Urgent!", when they clearly aren't, will most likely get you ignored.

Please don't PM me with anything other than *Personal Messages*! If you have a Joomla question, post it in the forum.


Locked

Return to “Templates for Joomla! 2.5”