Need a core capow stylesheet

[stereoket]

styles need to be created so custom page layouts and core stuff are clearly spearated including a media query section.

[KiloTango]

Are you thinking of doing this pure css or bringing in some Compass/Sass (or LESS etc)? If the latter it'd be good to get that there from the start so things can stay all modular and organised and lovely.

(I'm fairly pro-Compass on this kind of thing, aside from the functions making some stuff a bit faster it'd let us create some nice variations really quickly for different lettering styles and so on)

[stereoket]

I would see this moving to some system like LESS/SASS yes - but I must say i've never used them ... as they were getting popular I moved away into app design and it was always one of those things I was going to tackle yet never did.

That being said, it would make sense, i'm currently thinking about how the media query aspect also has a core and individual aspect to it.

I don't know that moving to one of those systems now is the best plan as I'm not 100% certain of the CSS approach. I like the idea of the data attributes within the HTML keeping a structure to it, how this effects different modes of viewing, for example in a parallax - scrolling view, remains an issue in my head. As that may change.

If radical changes to the core were to happen and it proved to be easy to adapt, then maybe its a good thing to look at how this might be implemented now. It would also allow me to get of my ass and learn / use one of them!

BTW - I remember we talked about wiki's - I think I should set one up at wiki.capow.net (any recommendations?)

[KiloTango]

I switched to using SASS/Compass a good few months ago and I've never looked back. Sass is especially nice because the .scss syntax works just like regular css but with extra goodness (nesting, functions, variables), and Compass is a shiny bolt-on to sass that does very nice typography, vendor-prefixing, sprite-generating, and general css3 goodness. Sass also has a really neat media query 'bubbling' system that is super handy. (Here, if you're interested: http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 )

At the very least, even if you don't use the shiny bits, just being able to separate your css for dev but compile to a single one for production is really useful so I'd suggest grabbing it from now. If you're a mac user, I'm a huge fan of CodeKit as a compiler, but there's the free and cross-platform Compass.app that does the job too. (Codekit is great, though).

I agree about using data attrs, and some things with classes where it's strictly css/visual stuff, it feels more semantic that way.

I don't really have a wiki of choice so if you've got one, go for it!

[stereoket]

I will grab Codekit and take a look, yes I develop mainly on the mac. Seems like a good approach to begin with.

[KiloTango]

Cool. If you want I'll happily talk you through some of the basics on sass/compass. The docs are pretty solid though.

(Codekit will also concatenate and minify your JS for you, which is rather nice.)

[stereoket]

If I have any questions i'll send you a message - installed, but won't get a chance to look at it until sunday probably. Thanks. Might just use the wiki here on github.

[stereoket]

Been out of the loop, but have a lot of new interest and want to get to a new milestone before New York comic con. Investigating sass!