Reply New Topic
23/3/2012 18:15:09
#1
Offline
Home away from home

Boiler - let's call it 0.2 - Ready for testing!

A lot more work has gone into this version - I will highlight the major stuff here, and you can find the others as you play.

The first is that a new skin 'flow' has been added. This is a responsive skin! open up theme_settings.html and set it as the active skin to check it out.

After a lot of consideration - I have selected a 'skin first' approach instead of 'mobile first'. Typically the buzz is more for mobile first - but this is a lot of work for the end user, and in my travels - you don't typically see people restyling the whole site because of device - instead they typically tweek the design to make it work on these smaller/larger devices. So boom - "skin first responsive design" is born. Screw the preachy fanboys - it is more important to offer a simple system to our users imo. Let me know if you dig or hate.

Quite a bit of markup skeleton tweeks.

Introduced a new js api of sorts for all your javascript that stores common lookups for you. when you use a javascript selector like $('body') this performs a dom lookup, which chews up resources.

So I have added an array of common lookups for you to use in your scripts.

Here is the array:

boiler.dom = {
body: $('body'),
header: $('#header'),
logo: $('#logo'),
search: $('#header-search'),
navToggle: $('#nav-toggle'),
navigation: $('#primary-navigation'),
page: $('#page'),
preface: $('#preface_wrapper'),
main: $('#main'),
left: $('#leftside_wrapper'),
contentZone: $('#content_wrapper'),
content: $('#content'),
right: $('#rightside_wrapper'),
postscript: $('#postscript_wrapper'),
footer: $('#footer')
}


Here is an example of how to use it:

boiler.dom.navToggle.on({
click: function(e) {
e.preventDefault();
boiler.dom.navigation.slideToggle('fast');
}
});

boiler.dom.body.append('...');

boiler.dom.mainMenu = boiler.dom.left.find('#mainmenu');
boiler.dom.mainMenu.hide();


hmm, what else...

I have begun playing with a concatenator - this php file (boiler.php) is in the extras folder - place it in your icms root path and enable the option in theme_settings or skin_settings. Used little at this time, but it will get better over time. You could find this very useful if for example you used the extra meta file to include your own scripts. concatenate them to reduce http requests people.

One consideration I am thinking about is putting all the media queries into a single css file instead of making so many requests - this might be a little more user friendly - far less files to deal with...


There is a bunch more boring stuff, lots of gems to find for you early explorers - still no docs yet - so be brave adventurers :)

Protector won't let me upload it here, so here is a link


Subject Poster Date
     Boiler - let's call it 0.2 - Ready for testing! Will 23/3/2012 18:15:09
       Re: Boiler - let's call it 0.2 - Ready for testing! sato-san 24/3/2012 0:00:50
         Re: Boiler - let's call it 0.2 - Ready for testing! fiammybe 25/3/2012 14:20:30
       Re: Boiler - let's call it 0.2 - Ready for testing! skenow 26/3/2012 11:50:28
         Re: Boiler - let's call it 0.2 - Ready for testing! Will 26/3/2012 17:34:20
           Re: Boiler - let's call it 0.2 - Ready for testing! QM-B 27/3/2012 0:05:43
             Re: Boiler - let's call it 0.2 - Ready for testing! sato-san 30/3/2012 1:49:41
               Re: Boiler - let's call it 0.2 - Ready for testing! Will 2/4/2012 9:58:26
                 Re: Boiler - let's call it 0.2 - Ready for testing! sato-san 2/4/2012 20:37:02
                   Re: Boiler - let's call it 0.2 - Ready for testing! fiammybe 3/4/2012 0:04:52
                     Re: Boiler - let's call it 0.2 - Ready for testing! sato-san 5/4/2012 21:33:03
                       Re: Boiler - let's call it 0.2 - Ready for testing! Will 6/4/2012 12:57:02
                         Re: Boiler - let's call it 0.2 - Ready for testing! Will 18/4/2012 14:42:48
                           Re: Boiler - let's call it 0.2 - Ready for testing! sato-san 18/4/2012 19:29:32
                             Re: Boiler - let's call it 0.2 - Ready for testing! fiammybe 19/4/2012 13:39:51
                               Re: Boiler - let's call it 0.2 - Ready for testing! debianus 19/4/2012 16:04:02
Reply New Topic extras
 Previous Topic   Next Topic
You can view topic.
You can start a new topic.
You can reply to posts.
You cannot edit your posts.
You cannot delete your posts.
You cannot add new polls.
You cannot vote in polls.
You cannot attach files to posts.
You can post without approval.