CSS Framework
Permalink 1 user found helpful
Question: What css frameworks is everyone using with concrete5? Do you find they interfere with the core files when in edit mode? What are the recommendations/experiences out there?
I use the 960 grid system -http://960.gs - it works great and makes developing sites a whole lot quicker. I also use the typography.css file from Blueprint -http://www.blueprintcss.org - it gives you a great base for typography.
I'm using Blueprint, simply because of this
Boks
http://toki-woki.net/p/Boks/
Because it is GUI base, you can check the grids how it would look like more intuitively (I think)
I prefer 960.gs, but I haven't heard there is software like Boks, yet.
These are the sites that I built using Blueprint + Boks + concrete5
http://tanakateruyo.com
http://concrete5-japan.org/dreamweaver/en/...
http://www.jffla.org/ (Still in the middle of dev though)
All of above sites, I was able to design the original themes within 2~4 hours.
Boks
http://toki-woki.net/p/Boks/
Because it is GUI base, you can check the grids how it would look like more intuitively (I think)
I prefer 960.gs, but I haven't heard there is software like Boks, yet.
These are the sites that I built using Blueprint + Boks + concrete5
http://tanakateruyo.com
http://concrete5-japan.org/dreamweaver/en/...
http://www.jffla.org/ (Still in the middle of dev though)
All of above sites, I was able to design the original themes within 2~4 hours.
I'm not a big fan of css frameworks so far but I also hear that Blueprint is pretty good. Yahoo's yui is not bad as well. I just don't like some of the nonsemantic ids and classes it generates but I understand it's a tradeoff.
I'd just make sure to watch your scoping. For example, target strong with #container strong or #container .strongeffect
I'd just make sure to watch your scoping. For example, target strong with #container strong or #container .strongeffect
Hello,
I'm new at Concrete5, trying to learn all I can!
One thing I like about Concrete5 is that it's possible to bring standard Web materials (frameworks, themes, and typography) into the CMS. I've been using Joomla, and I don't think it's easy to get standard elements into that system.
But I'm missing some crucial knowledge here. How exactly does one take a framework (e.g., 960 Grid) and typography CSS, and bring them into a Concrete5 theme?
I've been searching this site, but can't find a full answer. I'm sure it's there and I just have't located it yet!
Thanks,
Matt
I'm new at Concrete5, trying to learn all I can!
One thing I like about Concrete5 is that it's possible to bring standard Web materials (frameworks, themes, and typography) into the CMS. I've been using Joomla, and I don't think it's easy to get standard elements into that system.
But I'm missing some crucial knowledge here. How exactly does one take a framework (e.g., 960 Grid) and typography CSS, and bring them into a Concrete5 theme?
I've been searching this site, but can't find a full answer. I'm sure it's there and I just have't located it yet!
Thanks,
Matt
Hello,
I'm new at Concrete5, trying to learn all I can!
One thing I like about Concrete5 is that it's possible to bring standard Web materials (frameworks, themes, and typography) into the CMS. I've been using Joomla, and I don't think it's easy to get standard elements into that system.
But I'm missing some crucial knowledge here. How exactly does one take a framework (e.g., 960 Grid) and typography CSS, and bring them into a Concrete5 theme?
I've been searching this site, but can't find a full answer. I'm sure it's there and I just have't located it yet!
Thanks,
Matt
I'm new at Concrete5, trying to learn all I can!
One thing I like about Concrete5 is that it's possible to bring standard Web materials (frameworks, themes, and typography) into the CMS. I've been using Joomla, and I don't think it's easy to get standard elements into that system.
But I'm missing some crucial knowledge here. How exactly does one take a framework (e.g., 960 Grid) and typography CSS, and bring them into a Concrete5 theme?
I've been searching this site, but can't find a full answer. I'm sure it's there and I just have't located it yet!
Thanks,
Matt
To bring it into a theme, you don't really have to do anything special -- you just create a template using the grid system (as you would for any static site or any other CMS), then convert it to C5 by replacing the content areas with these guys:
It is a little tricky when you have tons of nested columns, but if you use the grid system to only define the overall structure, then it works great. I've attached a file called "sample.php" which is a really quick conversion I did of Blueprint's sample.html file found here:
http://www.blueprintcss.org/tests/parts/sample.html...
Note that for the most part, the Blueprint structure is intact -- I only changed the header includes and swapped out the sample content. The only exception here are the two areas in the sample content that say "This is a nested column" and "This is another nested column" -- these are embedded in the main content area and hence much more difficult to integrate with C5 (or any CMS for that matter) -- because a CMS is designed to allow for any amount of content, and you wouldn't want to force all pages to have 2 columns there (although maybe you do, in which case you can just add 2 more C5 content areas there).
Other than that, it's all the same as converting any template to C5 -- see:
http://www.concrete5.org/help/building_with_concrete5/developers/th...
and:
http://www.concrete5.org/documentation/how-tos/make-a-theme/...
<?php $a = new Area('Name of Content Area'); $a->display($c); ?>
It is a little tricky when you have tons of nested columns, but if you use the grid system to only define the overall structure, then it works great. I've attached a file called "sample.php" which is a really quick conversion I did of Blueprint's sample.html file found here:
http://www.blueprintcss.org/tests/parts/sample.html...
Note that for the most part, the Blueprint structure is intact -- I only changed the header includes and swapped out the sample content. The only exception here are the two areas in the sample content that say "This is a nested column" and "This is another nested column" -- these are embedded in the main content area and hence much more difficult to integrate with C5 (or any CMS for that matter) -- because a CMS is designed to allow for any amount of content, and you wouldn't want to force all pages to have 2 columns there (although maybe you do, in which case you can just add 2 more C5 content areas there).
Other than that, it's all the same as converting any template to C5 -- see:
http://www.concrete5.org/help/building_with_concrete5/developers/th...
and:
http://www.concrete5.org/documentation/how-tos/make-a-theme/...
jordanlev,
OK, I see what you mean. Wow, this is a lot easier than converting themes in Joomla!
It's kind of exciting to search for templates all over the Web, knowing that I could convert them into Concrete5 fairly easily.
A lot of my confusion comes from what I have been used to doing before. In some ways, the process is so simple I think I was assuming I'm missing something.
Thanks again,
Matthew
OK, I see what you mean. Wow, this is a lot easier than converting themes in Joomla!
It's kind of exciting to search for templates all over the Web, knowing that I could convert them into Concrete5 fairly easily.
A lot of my confusion comes from what I have been used to doing before. In some ways, the process is so simple I think I was assuming I'm missing something.
Thanks again,
Matthew
