ElkArte Community

Elk Development => Theme development => Topic started by: emanuele on March 29, 2015, 01:20:57 pm

Title: PureCSS
Post by: emanuele on March 29, 2015, 01:20:57 pm
Today I was bored again, so I started playing around with some random CSS framework, I started with Foundation (http://foundation.zurb.com/), but I didn't find mny examples, so I picked the second in the list: Purecss (http://purecss.io/), from Yahoo!.

Not much, just part of the board index.
Title: Re: PureCSS
Post by: Mstcool on March 29, 2015, 02:09:49 pm
Damnnnn, I can't wait for this theme for be finished. :D
Title: Re: PureCSS
Post by: emanuele on March 29, 2015, 02:58:55 pm
LOL
Don't hold your breath! :P

BTW, the reason I'm working on that stuff is just to experiment a bit with the various frameworks. I find bootstrap rather... annoying because it comes with quite a bit of pre-made styles, while I am looking for something that just gives me the "framework" (i.e. sizes, reposition, etc.) and nothing else.
Title: Re: PureCSS
Post by: radu81 on March 29, 2015, 04:03:17 pm
I'm not an expert in frameworks and never used purcss, on joomla I had a template with UIkit integrated. All job was already made, but it was nice to play with. I found it very lighweight.

I had a quick look at purecss, it has some nice examples ;)
Title: Re: PureCSS
Post by: emanuele on March 30, 2015, 12:53:55 pm
Yep, nice examples for sure! :D

Based on the blog layout, I'm working on the message index template.

Still "badly" WIP, I have to find where to put the last poster info for example.
Title: Re: PureCSS
Post by: meetdilip on March 31, 2015, 05:42:07 am
Looks nice. Just change that font  / font size.

Have seen PureCSS. Too less elements to my liking.
Title: Re: PureCSS
Post by: emanuele on March 31, 2015, 06:04:54 am
That's the reason I tend to prefer it to bootstrap.
PC gives the "structure", BS tries to give both the structure and some styling, interfering too much.
Title: Re: PureCSS
Post by: meetdilip on March 31, 2015, 07:49:19 am
Doesn't matter as long as you can help us with a cool theme :)
Title: Re: PureCSS
Post by: CrimeS on April 01, 2015, 06:29:38 am
That's really cool! Wish I knew how to use frameworks  :-X
Title: Re: PureCSS
Post by: emanuele on April 01, 2015, 07:01:07 am
If I can use something like this it means it's not really that difficult. :P
CSS frameworks are basically a set of pre-made CSS classes that you can use where you need.
In the Elk-terms it "just" means replace tons of classes and markup to suite the structure of the framework. xD

I setup a quick repo here:
https://github.com/emanuele45/purecss
it doesn't contain the logical flow of things unfortunately (I did it now), but it highlights at least the markup changes.
Title: Re: PureCSS
Post by: CrimeS on April 07, 2015, 08:32:09 am
Ahh, I see.  Thanks for example,  as always straight to the point :)  I guess I'll prefer working without frameworks.
Title: Re: PureCSS
Post by: Eliana Tamerin on April 30, 2015, 10:55:47 pm
Needs more padding.