Skip to content
Another front-end framework you don't really need...
CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dev
prod
.brackets.json
.gitattributes
.gitignore
.sass-lint.yml
README.md
gulpfile.js
package-lock.json
package.json
snippets-sass.json

README.md

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 !

You can’t perform that action at this time.