Skip to content

labo-css/Synappcss

Repository files navigation

DEPRECATED! For now...

I will rework this with using Postcss very soon. note

Synappcss

Another front-end framework you don't really need...

Quick update (8th july 2015) : I recently switched to the SCSS syntax (not because i do not love the Sass syntax anymore, but because lazy people everywhere use SCSS because "I can just copy paste css into it, yaaay". So... i comply with the masses). I authorise you to bash me into hell for betray the Sass syntax. But you can still use it in your tpl files. This is just for the mixins/config. I do not commit the latest changes because i have a lot more to do and i'm not sure of the general direction of this framework, mainly because i use Kirby CMS now, i still use Jade but for low profile projects. Maybe i should split the jade code and the scss on two separate repos, maybe not. The gulp file is also a mess, if you have any suggestions, it will be appreciated.

Thanx, Stay tuned.

Synappcss : what is it?

So... i putted jade/sass/bourbon/neat/pleeease/imageoptim/coffeescript & more together... Gulp do the work nicely but i still need to improve it. Just look at the package.json or the gulpfile if you want to know more or contribute.

It's a personnal work, i do it with no intend to make it perfect, but if i do it well, i will be happy.

As a French, i also intend to make a french alias to any sass/jade mixin i wrote. And even translate some famous bourbon/neat mixins to french. Easy to do.

Roadmap

Kanboard powered, it's here. You can open an issue on this repository if you have any idea on how i can improve this micro framework. Especially on the gulpfile.

CLI

  • gulp = default task (basically compile & optimise all the things)

  • gulp watch = same as gulp + browser-sync

  • gulp clean:prod = clean the prod folder

  • gulp clean:dev = just joking, are u a masochist?

  • gulp zip:prod = zip the prod folder

  • gulp zip:dev = zip the dev folder

  • gulp img = optimise pictures

  • And some more for individual tasks (like gulp js or gulp coffee...)

  • I recommend using gulp watch in dev, and when you want to go in prod use : gulp clean:prod & gulp & gulp zip:prod

  • If you have any idea on how to "do more" with my gulpfile, tell me. (things like dploy for example)

Note :

Still learning git/github but i figured out this :

Github seems to be annoying with tabs, but you can append ?ts=2 or ?ts=4 to the URL to change the tab-size. For example : https://github.com/labo-css/Synappcss/blob/master/dev/sass/style.sass?ts=2 OR: https://userstyles.org/styles/userjs/70979/GitHub%3A%20better-sized%20tabs%20in%20code.user.js?ik-defaultsize=ik-2&ik-rubysize=ik-2&.user.js install this with greasemonkey

Also, i'm french so if you are... ce ne sera pas la peine de s'embêter à parler anglais.

Thats all !

About

Another front-end framework you don't really need...

Resources

Stars

Watchers

Forks

Packages

No packages published