Re: Best way to use LESS CSS with CF?
Calling Charlie Arehart, you are being paged :-) All CFMeetups are recorded for posterity, and while seemingly inactive, Charlie is always open to folks presenting. Billy Cravens bdcrav...@gmail.com On Sep 10, 2013, at 4:38 PM, Nathan Strutz str...@gmail.com wrote: I don't think it's recorded anywhere, but if you want me to give it somewhere, let me know. ;) nathan strutz [www.dopefly.com] [about.me/nathanstrutz] On Tue, Sep 10, 2013 at 1:10 PM, Billy Cravens bdcrav...@gmail.com wrote: Surprised I haven't seen info on Nathan Strutz's CF+LESS talk here: https://github.com/NathanStrutz/Write-LESS-CSS-Presentation-Material I know he's given this talk a few times; unsure if there's a recording anywhere. Billy Cravens bdcrav...@gmail.com On Sep 10, 2013, at 1:11 PM, Roger Austin raust...@nc.rr.com wrote: On 9/10/2013 2:05 PM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: How would you perform CSS pre-processing with CF? Well, if the job is just to create dynamic CSS, CF can do the same way it can create dynamic HTML. It can either create static .CSS files whenever styles muste be changed. For instance, in my CMS I have a styles editor with all parameters stored in a database. It can also create 100% dynamic CSS, like in LINK HREF=myStyles.cfm... although in that case CSS files cannot be cached on client side, but I suppose it will be the same with LESS files. The LESS files are processed to get your CSS files. LESS=source; CSS=compiled. Probably a bad analogy. :) -- LinkedIn: http://www.linkedin.com/pub/8/a4/60 Twitter: http://twitter.com/RogerTheGeek Blog: http://rogerthegeek.wordpress.com/ ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356801 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
Thanks for the info, Cutter... Are you currently using LESS? If so, what are your thoughts about its usefulness? -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Monday, September 09, 2013 8:19 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356731 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
As a heavy Bootstrap user, I use LESS constantly. Once you really dig in, you find out quickly just how useful it truly is. Tech like LESS and SASS are perfect for those creating skinned applications. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 6:34 AM, Rick Faircloth wrote: Thanks for the info, Cutter... Are you currently using LESS? If so, what are your thoughts about its usefulness? -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Monday, September 09, 2013 8:19 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356732 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
I'm just now looking seriously into LESS and its usage. So far, I've really only looked at its use of variables. As far as variables are concerned, I don't see much difference between using variables and classes. I can define, say, a class this way in CSS: .titleColor { color: blue } and use it this way: p class=titleColor or define this way with LESS: @titleColor { color: blue } .titleColor { color: @titleColor } and use it this way: p class=titleColor Seems like LESS is more in this case and of insignificant benefit. Am I missing the point and best use of variables? Thanks for the feedback! Rick -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Tuesday, September 10, 2013 7:58 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? As a heavy Bootstrap user, I use LESS constantly. Once you really dig in, you find out quickly just how useful it truly is. Tech like LESS and SASS are perfect for those creating skinned applications. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 6:34 AM, Rick Faircloth wrote: Thanks for the info, Cutter... Are you currently using LESS? If so, what are your thoughts about its usefulness? -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Monday, September 09, 2013 8:19 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356733 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
Rick, this short article may be of help... http://davidwalsh.name/starting-css?utm_source=CSS-Weeklyutm_campaign=Issue -75utm_medium=email -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Tuesday, September 10, 2013 8:59 AM To: cf-talk Subject: RE: Best way to use LESS CSS with CF? I'm just now looking seriously into LESS and its usage. So far, I've really only looked at its use of variables. As far as variables are concerned, I don't see much difference between using variables and classes. I can define, say, a class this way in CSS: .titleColor { color: blue } and use it this way: p class=titleColor or define this way with LESS: @titleColor { color: blue } .titleColor { color: @titleColor } and use it this way: p class=titleColor Seems like LESS is more in this case and of insignificant benefit. Am I missing the point and best use of variables? ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356734 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
Variables are on small advantage. It's nice to be able to set a variable for a color, for instance, and reuse it in several hundred locations, in a variety of scenarios, without having to apply a separate class to thousands of lines of code throughout an application. If the color changes, the variable changes, it updates all of the other style declarations automatically, BAM! Mixins are where the power truly shines through. The ability to write little functions, to dynamically create declarations based upon variables and conditions. That's very powerful. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 7:58 AM, Rick Faircloth wrote: I'm just now looking seriously into LESS and its usage. So far, I've really only looked at its use of variables. As far as variables are concerned, I don't see much difference between using variables and classes. I can define, say, a class this way in CSS: .titleColor { color: blue } and use it this way: p class=titleColor or define this way with LESS: @titleColor { color: blue } .titleColor { color: @titleColor } and use it this way: p class=titleColor Seems like LESS is more in this case and of insignificant benefit. Am I missing the point and best use of variables? Thanks for the feedback! Rick -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Tuesday, September 10, 2013 7:58 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? As a heavy Bootstrap user, I use LESS constantly. Once you really dig in, you find out quickly just how useful it truly is. Tech like LESS and SASS are perfect for those creating skinned applications. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 6:34 AM, Rick Faircloth wrote: Thanks for the info, Cutter... Are you currently using LESS? If so, what are your thoughts about its usefulness? -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Monday, September 09, 2013 8:19 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356735 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
Apparently, this looks like a CSS prepocessor. But I do not see anything that cannot be done with CF. So what is the advantage of using yet another technology? ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356737 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
You're right, you could do something like this with CF. But why rewrite the wheel when documented frameworks already exist that can do it for you? Now, if you need something that one of these frameworks can not accomplish for you... Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 10:56 AM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: Apparently, this looks like a CSS prepocessor. But I do not see anything that cannot be done with CF. So what is the advantage of using yet another technology? ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356739 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
How would you perform CSS pre-processing with CF? -Original Message- From: Claude Schnéegans schneeg...@internetique.com [mailto:=?ISO-8859-1?Q?Claude_Schn=E9egans schneegans@interneti=71?= =?ISO-8859-1?Q?ue.com=3E?=] Sent: Tuesday, September 10, 2013 11:57 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? Apparently, this looks like a CSS prepocessor. But I do not see anything that cannot be done with CF. So what is the advantage of using yet another technology? ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356740 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
But why rewrite the wheel when documented frameworks already exist Learning another language to do what can be done as easily by the language I've been using for years looks like reinventing the wheel to me. ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356745 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
Maybe you can save everyone the trouble and write the CFLESS equivelant, a la CFWheels;) Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 11:41 AM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: But why rewrite the wheel when documented frameworks already exist Learning another language to do what can be done as easily by the language I've been using for years looks like reinventing the wheel to me. ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356747 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
Thanks, Cutter... I read the article you referenced and it did clarify some things, but, being an overview of many different approaches and frameworks to utilizing CSS, it opened up a large can of worms! I'm going to check out the BEM approach, first, just as a starting point. Re: your comments Variables seem to be the same as a class, to me. I can set a variable in one place in LESS and change the CSS by changing the variable. But the exact same effect seems to take place if I create a class, assign it to elements, then change the class. In that limited usage, a variable seems no different than a class. One change, many affected elements. I'll have to study more to understand your comment about variables and conditions, especially the conditions part. I don't think I've read about conditions, yet. But one question I need clarification concerning: if I don't use LESS, and work with a naming convention, such as BEM, can a pre-processor still be used with that to compile several stylesheets into a single stylesheet? Or do pre-processors work with only certains frameworks, like LESS or SASS? Rick -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Tuesday, September 10, 2013 11:00 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? Variables are on small advantage. It's nice to be able to set a variable for a color, for instance, and reuse it in several hundred locations, in a variety of scenarios, without having to apply a separate class to thousands of lines of code throughout an application. If the color changes, the variable changes, it updates all of the other style declarations automatically, BAM! Mixins are where the power truly shines through. The ability to write little functions, to dynamically create declarations based upon variables and conditions. That's very powerful. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 7:58 AM, Rick Faircloth wrote: I'm just now looking seriously into LESS and its usage. So far, I've really only looked at its use of variables. As far as variables are concerned, I don't see much difference between using variables and classes. I can define, say, a class this way in CSS: .titleColor { color: blue } and use it this way: p class=titleColor or define this way with LESS: @titleColor { color: blue } .titleColor { color: @titleColor } and use it this way: p class=titleColor Seems like LESS is more in this case and of insignificant benefit. Am I missing the point and best use of variables? Thanks for the feedback! Rick -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Tuesday, September 10, 2013 7:58 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? As a heavy Bootstrap user, I use LESS constantly. Once you really dig in, you find out quickly just how useful it truly is. Tech like LESS and SASS are perfect for those creating skinned applications. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/10/2013 6:34 AM, Rick Faircloth wrote: Thanks for the info, Cutter... Are you currently using LESS? If so, what are your thoughts about its usefulness? -Original Message- From: Steve 'Cutter' Blades [mailto:cold.fus...@cutterscrossing.com] Sent: Monday, September 09, 2013 8:19 AM To: cf-talk Subject: Re: Best way to use LESS CSS with CF? You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject
Re: Best way to use LESS CSS with CF?
How would you perform CSS pre-processing with CF? Well, if the job is just to create dynamic CSS, CF can do the same way it can create dynamic HTML. It can either create static .CSS files whenever styles muste be changed. For instance, in my CMS I have a styles editor with all parameters stored in a database. It can also create 100% dynamic CSS, like in LINK HREF=myStyles.cfm... although in that case CSS files cannot be cached on client side, but I suppose it will be the same with LESS files. ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356748 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
LESS (and SASS/SCSS) are common, widely used CSS preprocessors. Frameworks like Bootstrap come with LESS files. I could also write my own database use XML files and CF's XML/struct/array capabilities, but that would be quite ridiculous. Billy Cravens bdcrav...@gmail.com On Sep 10, 2013, at 10:56 AM, Claude Schnéegans schneeg...@internetique.com wrote: Apparently, this looks like a CSS prepocessor. But I do not see anything that cannot be done with CF. So what is the advantage of using yet another technology? ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356756 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
t why rewrite the wheel when documented frameworks already exist Learning another language to do what can be done as easily by the language I've been using for years looks like reinventing the wheel to me. That's the advantage of Less (and SASS too for that matter) - you dont learn any new syntax. It uses CSS syntax to do nearly everything. I was thinking about how I could write my own preprocessor because I have a CMS that i customise by changing colours mostly, and i was thinking about how I could have a settings table or something and use CFFILE to output a stylesheet when I heard about LESS and to my delight - there it was! The very thing I was planning to write, was already written!And it took me about 10 minutes to learn what I needed to learn to use it. The best way to predict the future is to help create it On 9/10/2013 10:56 AM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: Apparently, this looks like a CSS prepocessor. But I do not see anything that cannot be done with CF. So what is the advantage of using yet another technology? -- Cheers Mike Kear Windsor, NSW, Australia Adobe Certified Advanced ColdFusion Developer AFP Webworks http://afpwebworks.com ColdFusion 9 Enterprise, PHP, ASP, ASP.NET hosting from AUD$15/month ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356759 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
I don't think it's recorded anywhere, but if you want me to give it somewhere, let me know. ;) nathan strutz [www.dopefly.com] [about.me/nathanstrutz] On Tue, Sep 10, 2013 at 1:10 PM, Billy Cravens bdcrav...@gmail.com wrote: Surprised I haven't seen info on Nathan Strutz's CF+LESS talk here: https://github.com/NathanStrutz/Write-LESS-CSS-Presentation-Material I know he's given this talk a few times; unsure if there's a recording anywhere. Billy Cravens bdcrav...@gmail.com On Sep 10, 2013, at 1:11 PM, Roger Austin raust...@nc.rr.com wrote: On 9/10/2013 2:05 PM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: How would you perform CSS pre-processing with CF? Well, if the job is just to create dynamic CSS, CF can do the same way it can create dynamic HTML. It can either create static .CSS files whenever styles muste be changed. For instance, in my CMS I have a styles editor with all parameters stored in a database. It can also create 100% dynamic CSS, like in LINK HREF=myStyles.cfm... although in that case CSS files cannot be cached on client side, but I suppose it will be the same with LESS files. The LESS files are processed to get your CSS files. LESS=source; CSS=compiled. Probably a bad analogy. :) -- LinkedIn: http://www.linkedin.com/pub/8/a4/60 Twitter: http://twitter.com/RogerTheGeek Blog: http://rogerthegeek.wordpress.com/ ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356758 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
Surprised I haven't seen info on Nathan Strutz's CF+LESS talk here: https://github.com/NathanStrutz/Write-LESS-CSS-Presentation-Material I know he's given this talk a few times; unsure if there's a recording anywhere. Billy Cravens bdcrav...@gmail.com On Sep 10, 2013, at 1:11 PM, Roger Austin raust...@nc.rr.com wrote: On 9/10/2013 2:05 PM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: How would you perform CSS pre-processing with CF? Well, if the job is just to create dynamic CSS, CF can do the same way it can create dynamic HTML. It can either create static .CSS files whenever styles muste be changed. For instance, in my CMS I have a styles editor with all parameters stored in a database. It can also create 100% dynamic CSS, like in LINK HREF=myStyles.cfm... although in that case CSS files cannot be cached on client side, but I suppose it will be the same with LESS files. The LESS files are processed to get your CSS files. LESS=source; CSS=compiled. Probably a bad analogy. :) -- LinkedIn: http://www.linkedin.com/pub/8/a4/60 Twitter: http://twitter.com/RogerTheGeek Blog: http://rogerthegeek.wordpress.com/ ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356757 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
On 9/10/2013 2:05 PM, =?ISO-8859-1?Q?Claude_Schn=E9egans wrote: How would you perform CSS pre-processing with CF? Well, if the job is just to create dynamic CSS, CF can do the same way it can create dynamic HTML. It can either create static .CSS files whenever styles muste be changed. For instance, in my CMS I have a styles editor with all parameters stored in a database. It can also create 100% dynamic CSS, like in LINK HREF=myStyles.cfm... although in that case CSS files cannot be cached on client side, but I suppose it will be the same with LESS files. The LESS files are processed to get your CSS files. LESS=source; CSS=compiled. Probably a bad analogy. :) -- LinkedIn: http://www.linkedin.com/pub/8/a4/60 Twitter: http://twitter.com/RogerTheGeek Blog: http://rogerthegeek.wordpress.com/ ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356750 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
Rick, CFSTATIC (https://github.com/DominicWatson/cfstatic) will combine and minify both standard CSS and JS files as well as work with LESS file. I've used it in a number of projects and it works great. On Tue, Sep 10, 2013 at 11:47 AM, Rick Faircloth r...@whitestonemedia.comwrote: But one question I need clarification concerning: if I don't use LESS, and work with a naming convention, such as BEM, can a pre-processor still be used with that to compile several stylesheets into a single stylesheet? Or do pre-processors work with only certains frameworks, like LESS or SASS? Rick -- --- Dean M. Lawrence INTERNET DATA TECHNOLOGY p // 888.438.4381 ext. 701 w // www.idatatech.com f // www.facebook.com/idatatech t // www.twitter.com/idatatech Social Marketing | SEO | Design | Internet Development ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356760 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Re: Best way to use LESS CSS with CF?
You compile LESS down to css files, you don't serve it up to the browser. I like cfstatic for asset management. It can also compile LESS on the fly. Steve 'Cutter' Blades Adobe Community Professional Adobe Certified Expert Advanced Macromedia ColdFusion MX 7 Developer http://cutterscrossing.com Co-Author Learning Ext JS 3.2 Packt Publishing 2010 https://www.packtpub.com/learning-ext-js-3-2-for-building-dynamic-desktop-style-user-interfaces/book The best way to predict the future is to help create it On 9/7/2013 1:53 PM, Rick Faircloth wrote: Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356730 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
Best way to use LESS CSS with CF?
Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356727 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
RE: Best way to use LESS CSS with CF?
Nevermind... I figured out I need to set a mime type for .less and then set that type to text/css. In other words: Extention: less Mime Type: text/css Rick -Original Message- From: Rick Faircloth [mailto:r...@whitestonemedia.com] Sent: Saturday, September 07, 2013 2:39 PM To: cf-talk Subject: Best way to use LESS CSS with CF? Hi, all... Anyone using LESS with their CSS? I'm trying to get a handle on using LESS with my CSS, but I'm not quite getting it to work. I'm including the styles.less and the less.js files, but I'm missing something, because the variables don't affect the output. Do I need some kind of compiler for this to work with CF? Thanks for the guidance! Rick ~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:356728 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm