SOLVED what does RT Recommend for CSS best practices?
-
-
- accessAmerica Group
- Rocketeer
- Posts: 66
- Thanks: 0
-
HI all,
Just getting started and have spent most of the day on the forum looking for best practices for editing the layout of RT Gantry/Templates.
From what I can find there is no explicitly stated best practices document for editing the layout of these templates(Or is there one I just can't seem to find?). I have been playing around with the Clarion template and K2 on Joomla 2.5.x. I am also using Stylizer 5 to view and edit my CSS files(a nice slick tool by the way).
What I can see is that there are 16 plus CSS files to manage. I have seen a lot of posts where people are editing directly the sheets they find the element in. Is that truly Kosher? I was always taught to create a new sheet where all the mods you want to make to the template are saved. That way when there is an upgrade and such, your style mods are safe. Obviously that sheet would need to load last in order to override the previous sheets.
I guess my question is Are there any best practices you can recommend for editing RT templates specifically? I.e Always start "here" and do "this" then it will allow you to do "that" with "this" benefit.
I can see that there are a lot of newbies on this board and I can relate to their frustration getting things started. Gantry and the templates built on top of this wonderful framework have so many different options and overrides that it's truly overwhelming. Then tack on the complexities of 16 plus stylesheets to manage, its enough to make ones head spin around.
Just one newb looking for wisdom and sanity,
Nate - Last Edit: 12 years 7 months ago by accessAmerica Group.
-
-
-
- Carl V
- Sr. Rocketeer
- Posts: 148
- Thanks: 1
- Real Estate Investor
-
Nate,
My best practice is to try and lower the requests to increase page-loading times. So I start by combining the CSS files into one.
Make a file called base.css (call it whatever doesn't matter) then edit the index.php file in your root/template/rt_templatename/index.php and change remove the 3 css files that are loading and replace it with the one.
This alone will reduce three requests. The others are a little more complex as you have to find the addstyle in the php files to eliminiate the calls to request the files to be loaded.
I think this is a very good question and I would like to see RocketTheme move to a single css or a more minimalist approach to CSS files and heck JS as well. Although my experience with JS is minimal there are quest a few request during page loading for JS as well.
Carl
-
-
-
- accessAmerica Group
- Rocketeer
- Posts: 66
- Thanks: 0
-
Well doesn't RokGzipper do that automatically? I have it but that is a purely Production product/ solution. RT recommend turning it off during development. check it out I think it does exactly what you were talking about. But I am still interested in my initial question. I was thinking in regards to development more than production.
-
-
-
- accessAmerica Group
- Rocketeer
- Posts: 66
- Thanks: 0
-
Found this...
http://www.rockettheme.com/magazine/1406-basic-css-implementation-and-positioning
Wish I would have found this 4days ago. I cant believe it took me that long to find it, and only after a chance encounter with another post on the magazine articles elsewhere on the site. I searched "CSS" on the site and it did not come up with this article. It would be nice to have this in the tutorials section.
-
Time to create page: 0.063 seconds