Forums / Cotonti / Extensions / Cotonti Mobile

Dyllon
#1 2011-10-10 12:54

Update: I have been messing around recently with jQuery Mobile, and I have created my own mobile theme (which I believe is pretty nice). I would like to ask for people to test it out, and see if you can come across any bugs/errors.

I've been messing around with the idea of making Cotonti compatible with mobile devices. I have completed the plugin portion (which is available for download), and I'm currently stuck on creating a theme for it. I want to make an official release for this plugin, but it seems quite pointless without having a default theme for webmasters to use. I would like to reach out to our communities friendly theme designers, and see what you guys can come up with.



I've come up with a few, although they are quite embarrasing, and scrapped. If you need help converting your theme to be compatible with Cotonti, I am more than willing to help.

for good examples of mobile themes you can look at these (for inspiration only):

and additionally, here are some cool tools that you can incorperate:


* I'm going to see if I can get some donations going, and give theme developers something in return!

We are what we repeatedly do. Excellence then, is not an act, but a habit.
This post was edited by Dyllon (2011-10-12 03:04, 12 years ago)
pieter
#2 2011-10-10 13:27

 

I am not a designer, but can't we adapt the official theme of Cotonti?

Nemesis or SymiSun?

... can we help you ...
Dyllon
#3 2011-10-10 14:34

In theory, we could use a similar style sheet as nemesis/symisun; although, it would take a considerable amount of modification to the tpl files in order for it to look presentable on a mobile device.

for good examples of mobile themes you can look at these (for inspiration only):

and additionally, here are some cool tools that you can incorperate:

We are what we repeatedly do. Excellence then, is not an act, but a habit.
This post was edited by Dyllon (2011-10-10 14:52, 12 years ago)
Kingsley
#4 2011-10-10 18:35

I haven't done any skinning for mobile devices, but I will give it a go..

Dyllon
#5 2011-10-11 02:45

I actually have a decent theme coming along using jQuery Mobile. I've completed the header, index, and footer pages. Currently working on the other tpl's

We are what we repeatedly do. Excellence then, is not an act, but a habit.
Brock
#6 2011-10-11 07:12

Wow, Dyllon. Didn't even think to give me a shout? ;)

Web Design Database - www.wddb.com
GHengeveld
#7 2011-10-11 09:33

With css media queries you can create mobile themes using only css. Downside is that it will still load the entire html for the desktop version on the phone so it's less efficient.

An example is Webmojo, my company website. If you lower the screen width (by resizing the window) you'll see it dynamically adjusts to the screen size.

RaisenBran
#8 2011-10-11 13:25

I'm a web designer.

 

I've made a mobile skin for genoa that's a nice gray color. Doesn't look bad nor does it look that good.

 

However, I haven't made anything for Siena (nor do I know anything when it comes to it's tpl and css ways) and the skin has some bad markup. I fixed some things here and then....

 

When it comes to media queries I would suggest not using them because like Ghengeveld said it downloads the whole desktop version. Unless the desktop version loads very swiftly on your pc and your mobile devices then I'd said go for it but otherwise; no don't use it.

Dyllon
#9 2011-10-11 13:46
#30948 Brock:

Wow, Dyllon. Didn't even think to give me a shout? ;)

Your alive! Next time I see you online, we shall talk.

#30953 GHengeveld:

With css media queries you can create mobile themes using only css. Downside is that it will still load the entire html for the desktop version on the phone so it's less efficient.

An example is Webmojo, my company website. If you lower the screen width (by resizing the window) you'll see it dynamically adjusts to the screen size.

Correct. Simply changing the viewport to adjust to the size of the devices screen is the correct way to go about it. using this in your <head> tags:

<meta name="viewport" content="width=device-width, initial-scale=1">

I'm almost done tweaking the theme I have. I'll probably post it some time tonight.

We are what we repeatedly do. Excellence then, is not an act, but a habit.
GHengeveld
#10 2011-10-11 15:35

In my experience, initial-scale=1 is annoying unless the site is built specifically for mobile devices. For other sites I'd much rather have my phone resize the site to fit on the screen.

Dyllon
#11 2011-10-11 15:48

The point of this plugin is to use a completely separate theme to display on the mobile device (to allow for more functionality when designing the pages separately). Meaning this theme is exactly that -- specifically built for mobile devices. Therefore changing the viewport is crucial in your theme design.

I see what your saying, by having it resize to fit the window, but not every website follows your style of coding (to where it can be rezised that simply I.E. using fixed widths). Which is why this plugin will excel for those users.

We are what we repeatedly do. Excellence then, is not an act, but a habit.
jas
#12 2011-11-10 23:15

Quick question after install where do i put the include folders couldn't find where they go in the readme it doesn't mention them and I'm getting undefined when trying to browse the forums at http://kronos1.com

 

Love the plugin/extension it looks sweet.

 

 

Dyllon
#13 2011-11-11 13:40
The includes folder is specific to style the readme page. It has no connection to the plugin. and I just visited your site on my iPhone, and the forums are working?
We are what we repeatedly do. Excellence then, is not an act, but a habit.