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


24/3/2012 0:00:50
#2
Offline
Home away from home

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

Thank you again, let me testing from Monday. It's is a very great html5 framework, I like it really.

_________________
http://on.fb.me/x5lEdX

25/3/2012 14:20:30
#3
Offline
Webmaster

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

I'll have to check this out asap! I'm quite impressed by this list of added features.

Thanks!

_________________

Me on OpenHub


26/3/2012 11:50:28
#4
Offline
Home away from home

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

Citaat:


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...



Going back to the renderMetas() exercise - would this be the place to add a css and js concatenator and minifier? Would we want to do that on the fly for every page load, or cache results based on some parameter?

_________________
Christian Web Resources
Facebook

26/3/2012 17:34:20
#5
Offline
Home away from home

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

I would think we would cache results based on the template creation timestamp. There is no reason to build on every page if we don't have to. The purpose of the concatenator I wrote up is to put the weight of fetching the files on the server and not on the client.

If we cached it with a random filename - or even a logical filename based on its build time and what zone it is in, then we just cachebust it with the last cache clear timestamp value. If i recall correctly don't we store that info somewhere already?

cachebust:
http://localhost/cache/templatename-corezone-built-123456.js?bust={timestamp} http://localhost/cache/templatename-modulezone-built-912345.css?bust={timestamp}


27/3/2012 0:05:43
#6
Offline
Home away from home

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

You really did a great job on this theme. Thanks for this. I'm glad to see you more active again..


30/3/2012 1:49:41
#7
Offline
Home away from home

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

I'm very impressed. A very great work! Right now, I could not find any issues.

_________________
http://on.fb.me/x5lEdX

2/4/2012 9:58:26
#8
Offline
Home away from home

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

I am glad everyone enjoys it so far. I have some more changes coming down the pipe that adress some little bugs I have uncovered - as well as some excellent work done by Matt(sublime) integrating less into boiler.


2/4/2012 20:37:02
#9
Offline
Home away from home

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

Yeah, I heard about it over Twitter from him. I can not wait ...

_________________
http://on.fb.me/x5lEdX

3/4/2012 0:04:52
#10
Offline
Webmaster

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

I read it on twitter as well. This is turning out to be a huge modernisation of the themeing capabilities of ImpressCMS. Thanks for the initiative, and I'm following this with much interest.

_________________

Me on OpenHub


5/4/2012 21:33:03
#11
Offline
Home away from home

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

I have one suggestion for the "flow" skin. The flow is a semantic and responsive skin. The issue is the left block. The left block should be going down, so that the (middle) content is present on top always. Otherwise the user has to scroll a lot.

What do you think about it?

_________________
http://on.fb.me/x5lEdX

6/4/2012 12:57:02
#12
Offline
Home away from home

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

I guess that really depends on the site in question, if you have a large left column - then I could see this being a concern.

While I wrote boiler to not require changing the html markup - for some sites that may be a necessity.

If I had a left column that wasn't always necessary - I would probably do what I did to the menu and make it collapsed by default.

What I may do is allow you to set the order of blocks, and then they will by default collapses ltr

[L] [C] [R]
[C] [L] [R]
[L] [R] [C]

kinda stuff.


18/4/2012 14:42:48
#13
Offline
Home away from home

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

I have some more updated coming for Boiler. This next version will be release as a 1.0, so hold tight on using it in production until then.

I am running a little behind because my daughter was very ill last week, so when I get caught up I will try and get these changes merged and and push them out to you guys.


18/4/2012 19:29:32
#14
Offline
Home away from home

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

Thank you again, I can not will wait


19/4/2012 13:39:51
#15
Offline
Webmaster

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

Very exciting to see this advance.
I hope your daughter is better now. This time of year is risky for getting sick.

_________________

Me on OpenHub


19/4/2012 16:04:02
#16
Offline
Home away from home

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

I wish your daughter is better just now.


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.