# |
Jun 27th 2017, 10:21 |
maymeow |
Sass vs Less? I have tried only Less mainly because i have installed nodeJS on my pc... |
# |
Jun 27th 2017, 10:19 |
neon1024 |
We went with the Sass gem mostly because we all use Mac OS which comes with Ruby, so it’s easier for the design team :slightly_smiling_face: |
# |
Jun 27th 2017, 10:19 |
neon1024 |
Saves you having to have both NodeJS and Ruby in your development environment |
# |
Jun 27th 2017, 10:19 |
neon1024 |
So you might want to find a NodeJS package to build your Sass |
# |
Jun 27th 2017, 10:18 |
neon1024 |
If you’re going to use Bower, then you’ll need NPM, which means you need NodeJS |
# |
Jun 27th 2017, 10:18 |
neon1024 |
At least, that’s my very limited understanding of it’s purpose |
# |
Jun 27th 2017, 10:18 |
neon1024 |
Just like how you use Composer |
# |
Jun 27th 2017, 10:18 |
neon1024 |
Perhaps some google maps thing, some charts js perhaps, maybe reactjs |
# |
Jun 27th 2017, 10:17 |
neon1024 |
So you might include twitter bootstrap and jquery in your bower.json |
# |
Jun 27th 2017, 10:17 |
neon1024 |
Well Bower is just a package manager |
# |
Jun 27th 2017, 10:17 |
birdy247 |
and the JS is handled via bower |
# |
Jun 27th 2017, 10:17 |
neon1024 |
We also like --style=compressed for some nice compressed css :slightly_smiling_face: |
# |
Jun 27th 2017, 10:16 |
neon1024 |
Yep |
# |
Jun 27th 2017, 10:16 |
birdy247 |
then push to production |
# |
Jun 27th 2017, 10:16 |
birdy247 |
then bui;d |
# |
Jun 27th 2017, 10:16 |
birdy247 |
so make a change to the .sass file |
# |
Jun 27th 2017, 10:16 |
neon1024 |
Badsauce. |
# |
Jun 27th 2017, 10:16 |
neon1024 |
The main point is, don’t compile it on production, especially on request |
# |
Jun 27th 2017, 10:15 |
neon1024 |
I’m sure it can be compiled using all sorts of tooling though |
# |
Jun 27th 2017, 10:15 |
neon1024 |
Yep |
# |
Jun 27th 2017, 10:15 |
birdy247 |
Right, so the RubyGem will "build" my sass into a .css file |
# |
Jun 27th 2017, 10:13 |
neon1024 |
Plus I have no experience of all this new fangled React, Angular api driven single page app stuff. I should learn that some time |
# |
Jun 27th 2017, 10:12 |
neon1024 |
My front-end is super rusty |
# |
Jun 27th 2017, 10:12 |
neon1024 |
Because back-end dev, I have to type stuff, check in browser, type more, check in browser :P |
# |
Jun 27th 2017, 10:11 |
neon1024 |
No, I have my IDE build a new CSS file everytime I type into the IDE |
# |
Jun 27th 2017, 10:11 |
birdy247 |
only when you want to change the css? |
# |
Jun 27th 2017, 10:11 |
neon1024 |
For Sass there is a GUI also, http://scout-app.io/ |
# |
Jun 27th 2017, 10:11 |
birdy247 |
When do you build it? |
# |
Jun 27th 2017, 10:10 |
neon1024 |
If you have PHP Storm you can have the IDE build the css for you also |
# |
Jun 27th 2017, 10:10 |
neon1024 |
With Grunt, not sure on that one sorry |
# |
Jun 27th 2017, 10:10 |
neon1024 |
With Sass you can for sure, the Ruby Gem has a --watch param on the CLI |
# |
Jun 27th 2017, 10:09 |
birdy247 |
I thought I could just build the stuff as and when you make changes to the sass files |
# |
Jun 27th 2017, 10:09 |
birdy247 |
Thats sounds worrying lol |
# |
Jun 27th 2017, 10:08 |
neon1024 |
I did this when I PR’d my local php usergroup website and broke everything :P |
# |
Jun 27th 2017, 10:08 |
neon1024 |
Do remember to put a commit hook in your repo to ensure Grunt script is run before you commit, so you can’t push stuff up which isn’t built |
# |
Jun 27th 2017, 10:07 |
neon1024 |
I guess it’s whatever is easy to install locally and you like the best :slightly_smiling_face: |
# |
Jun 27th 2017, 10:06 |
neon1024 |
¯\_(ツ)_/¯ |
# |
Jun 27th 2017, 10:06 |
neon1024 |
PHP with Composer |
# |
Jun 27th 2017, 10:06 |
neon1024 |
Ruby with Gem, or Node with NPM |
# |
Jun 27th 2017, 10:06 |
neon1024 |
So it’s 6 and two 3's |
# |
Jun 27th 2017, 10:06 |
neon1024 |
We use Sass, and build locally using the Ruby gem |