Integration of a css framework

Talk about new features for CMSMS and modules.
Post Reply
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Integration of a css framework

Post by Foaly* »

I read an article about csscaffold today. It is a css framework that allows you to use some nice features in your css file, which are replaced by browser-compatible css code before serving it to the client. After adding csscaffold to your system you have access to following features:
  • Constants
  • Mixins
  • Nested Selectors
  • Expressions
  • Caching and gzipping
  • Extendable through plugin
I wonder if I can wisely integrate that into CMSms in terms of a module. As CMSms natively offers CSS caching, should that functionally be removed from csscaffold or should the native caching be passed over?

I'm looking forward to read about your thought :)
deactivated010521

Re: Integration of a css framework

Post by deactivated010521 »

----------
Last edited by deactivated010521 on Tue Mar 12, 2013 3:16 pm, edited 1 time in total.
JeremyBASS

Re: Integration of a css framework

Post by JeremyBASS »

thou not fully a frame work yet... there is this I'm working on.. still beta now but it's a start...


http://dev.cmsmadesimple.org/projects/scriptdeploy


Cheers-JeremyBass
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: Integration of a css framework

Post by Foaly* »

arnoud wrote: For a cmsms project I used Compass lately.
Compared to the csscaffold syntax compass doesn't really convince me.. but more important is how you implemented that..?

JeremyBASS wrote: thou not fully a frame work yet... there is this I'm working on.. still beta now but it's a start...
I really like the idea of using smarty in css files.. but finally I would only install a module that does not slow down my system by adding functionality I don't want to use.
JeremyBASS

Re: Integration of a css framework

Post by JeremyBASS »

Foaly* wrote: I really like the idea of using smarty in css files.. but finally I would only install a module that does not slow down my system by adding functionality I don't want to use.
Yeah trust me I want the system to move fast more than you do ;) .. The way the mod works is to only check the if the cached file is there and serves that... if not then it'll builds it... if you turn on the smarty processing then it well process it.. But all that is once as it build its cache and  unless you tell it to will not build it again till it can’t find it . Then you have a very small check using the fileftime() functions and that is it.. It’d be no more than if you were to echo out the server time.  In short if you really doing all the steps  to speed up a site, IMHO you need this... or at the least I know I do.

Now it's still at the basic level, but like I said I worry bout speed and best practices and try to form everything and rework everything with that in mind... I don't build mods I wouldn’t use, and I mean on big sites.

If you have used my plugin supersizer then you'll see that the image sizer, which functions the same way, has very little overhead and reacts fast.  :D

This mod is still beta so it's only going to get better from here...
Last edited by JeremyBASS on Sun Jan 24, 2010 2:30 am, edited 1 time in total.
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: Integration of a css framework

Post by Foaly* »

Hi Jeremy,

thanks for your reply.

I've never used one of your modules before but I'll check it out.

If the module "scriptdeploy" caches css and js is it the doubling of the cmsms css cache adding a cache for the js? What is the advantage of using a subdomain to deliver files?

Please take in consideration to integrate a css framework like csscaffold. That would make the module a lot more useful for me and it could be disabled for everyone don't want to use it.
Last edited by Foaly* on Sun Jan 24, 2010 3:10 pm, edited 1 time in total.
JeremyBASS

Re: Integration of a css framework

Post by JeremyBASS »

Foaly* wrote: Hi Jeremy,

thanks for your reply.

I've never used one of your modules before but I'll check it out.

If the module "scriptdeploy" caches css and js is it the doubling of the cmsms css cache adding a cache for the js? What is the advantage of using a subdomain to deliver files?

Please take in consideration to integrate a css framework like csscaffold. That would make the module a lot more useful for me and it could be disabled for everyone don't want to use it.
On the "If the module "scriptdeploy" caches css and js is it the doubling of the cmsms css cache adding a cache for the js? What is the advantage of using a subdomain to deliver files?" it's not doubling the cmsms css cache... your replacing that.. {stylesheet} is replaced... It caches both the css and js .. they are real files you can pull, they are true css or js files. No tricks to muddy the waters...

On "Please take in consideration to integrate a css framework like csscaffold. " I looked at all the frameworks out there.. here is the deal.. As I see it they are not frameworks really IMHO... that would make  scriptdeploy also be a framework .. But I don’t see it as one, jQuery is a framework, Cake, Smarty.. those are frameworks… But that is My2Cents there and I’m going to use “system” for that.

But adding something like csscaffold would also only muddy the waters.. Plus it's powerless compared to the fact that you have the whole smarty framework within to build the gridding systems of your choice.  IE: 960 gridder, Blueprint, Elastic or some other system of your choice could be used… (on that I have written a plugin that helps with using 960 gridder systems or general layouts already check it out)  
Since csscaffold is no more the same thing I’m doing here within the smarty framework I think I’ll make sure to document this heavily so it’s be really clear how to add a gridded system in next round.

One cool thing that is on the roadmap that I’m going to do is import/export so packages will be able to be created.  This will allow for a very simple theme’ing  system too.
This is still all at the very begin here so sky is the limit atm… hope this clears up any questions…  Cheers jeremyBass
Last edited by JeremyBASS on Mon Jan 25, 2010 1:06 am, edited 1 time in total.
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm

Re: Integration of a css framework

Post by calguy1000 »

The roadmap for CMSMS includes changing the smarty delimiters from { and } to [[ and ]]
when we do this, we'll be able to pass the stylesheets through smarty, and cache them.
nuff said.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: Integration of a css framework

Post by Foaly* »

By the way, does your module store the js files like cmsms does with the css files?
JeremyBASS wrote: Since csscaffold is no more the same thing I’m doing here within the smarty framework I think I’ll make sure to document this heavily so it’s be really clear how to add a gridded system in next round.
Ok, the saparation makes sence.. Would it be a compromise to add the facility to create own output filters?
JeremyBASS wrote: One cool thing that is on the roadmap that I’m going to do is import/export so packages will be able to be created.  This will allow for a very simple theme’ing  system too.
Sounds good to me :)
calguy1000 wrote: nuff said.
right
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: Integration of a css framework

Post by Foaly* »

A little p.s. to the dev team to complete this topic: Please keep the output filter for css / js files in mind :)
Jeff
Power Poster
Power Poster
Posts: 961
Joined: Mon Jan 21, 2008 5:51 pm

Re: Integration of a css framework

Post by Jeff »

A new plugin that does caching and smarty processing.

http://forum.cmsmadesimple.org/index.ph ... 6.new.html
JeremyBASS

Re: Integration of a css framework

Post by JeremyBASS »

So I wanted to get back on this.. I have a new update to ScriptDeploy... I have tested CSS frameworks/system blueprint and 960 and it's working great ... This should be the prefect solution for you now... I'm going to write a tip and tricks post here soon showing how to use a framework from in ScriptDeploy... And working with the gridder plugin for the 960 system.

Cheers
Jeremy
Foaly*
Translator
Translator
Posts: 150
Joined: Sun Mar 29, 2009 3:32 pm

Re: Integration of a css framework

Post by Foaly* »

JeremyBASS wrote: I'm going to write a tip and tricks post here soon showing how to use a framework from in ScriptDeploy... And working with the gridder plugin for the 960 system.
As CMSms 2.0 will surely be a long time in coming, I'm looking forward to your post.
Post Reply

Return to “Feature ideas”