CSS / HTML / Javascript Frameworks (Bootstrap, Foundation, Kickstart)

Permalink
Hi everyone,

With the rising popularity of frameworks to speed up production (amongst other things), I am sure there are a lot of people that will be considering/hoping to use a Framework such as
Bootstraphttp://twitter.github.com/bootstrap/...
Foundationhttp://foundation.zurb.com/
Kickstarthttp://www.99lime.com/
Skeletonhttp://www.getskeleton.com/

I am therefore starting a thread to investigate their compatibility with C5 and hopefully leverage everyone else's brains to solve any issues. My current issue/solution list is below.

Bootstrap
As this is used for the admin panel theme there are most certainly some issues. I didn't document them first time round so I will add them later when I go for try two.

I am currently investigating seeing if you can give all of the bootstrap a namespace. This should hopefully be less work to implement as it is built in less (otherwise it is 3000 lines of css).

tooltip class - bootstrap add position absolute and opacity 0 to this class, thus the Edit Page button is not visible at all.

[class^="icon-"], [class*=" icon-"] - width 14 breaks page custom attributes page.

Foundation

Position: relative - applied to body by foundation, breaks grey hover overs when in edit mode.

tooltip class - breaks position of edit page button due to position :absolote being applied.



Please feel free to chime in with your experiences. Thanks :)

foiseworth
View Replies:
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
I happen to have a theme in the marketplace called 'FlexCRETE' that is based on the Skeleton framework. Currently, it's free, but I will very soon be charging for it, as I making improvements to it.

http://www.concrete5.org/marketplace/themes/flexcrete/...

Also, I happen to be working on another theme that will be using the Foundation framework!

And... I have another free theme coming out possibly within a week or two that is based on a fluid 960 grid system.
foiseworth replied on at Permalink Reply
foiseworth
What were your experiences with skeleton - did everything work out of the box? On which versions of C5 did you test?
VidalThemes replied on at Permalink Reply
VidalThemes
I use skeleton on my themes, I cherry pick the bits I want, mostly the media queries, havnt had any C5 related problems with Skeleton.

I also use bits of bootstrap, typography styles, some buttons that kind of thing and so far not had any issues, I will say though, that my experience only extends to themes, add-on builders have a bit more to worry about with Bootstrap I believe.
foiseworth replied on at Permalink Reply
foiseworth
Hi Vidall,

Have you tested your bootstrap themes in 5.5? Did you selectively include just some of the css?
VidalThemes replied on at Permalink Reply
VidalThemes
Hi there, yer a couple of my marketplace themes use it, and they are 5.5 + compatible, I do just grab the bits I need, otherwise I end up with a lot of redundant code.
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
It worked out of the box. It works with 5.4.2 that I know of.

I even developed another theme based off it and integrated Masonry (a jquery layout engine).

http://www.concrete5.org/marketplace/themes/flexcrete-masonry/...

It is the only Concrete theme that has a masonry layout, is responsive, AND is built on the Skeleton framework.

You'd be surprised at what you can do with Skeleton!
PauloCarvalhoDesign replied on at Permalink Reply
PauloCarvalhoDesign
I use alot 1140 framework.
And I have my own js framework if it can be called that way with all the components I tend to use in a project (tabs, tooltips etc).
Personally I'm preparing myself to create my own web framework with c5 in mind as its my cms of choice.