These are chat archives for MontCode/GeneralChat

25th
Aug 2016
Eric Phy
@SimplyPhy
Aug 25 2016 00:18

hmm how best to spend 30 minutes…should I run a 5k and shower? Or maybe get my grocery shopping out of the way? Perhaps catch a tv show?

Nonono…I think I’ll reposition a button 10px. Yeah, that sounds good.

:ughh:
xD
David Castner
@davidjcastner
Aug 25 2016 14:14
@SimplyPhy that cracked me up, but it's so true
Eric Phy
@SimplyPhy
Aug 25 2016 14:17
:D
Lily Romano
@Lilyheart
Aug 25 2016 14:18
But.. it's imporrrrrtaaaaaant.
Eric Phy
@SimplyPhy
Aug 25 2016 14:26
lol…i’m pretty tired today..and the first thing i do to my code is add % marks before the numbers..
it’s gonna be a long day
Jonathan Herman
@lantech19446
Aug 25 2016 14:27
it's ok eric, we'll still let you be a %5er
Eric Phy
@SimplyPhy
Aug 25 2016 14:27
w00t
i was both a %50er and a %30er just a moment ago
#bugreport
Jonathan Herman
@lantech19446
Aug 25 2016 14:28
oi see I'm a %35er that's how much of my taxes get taken every check lol
Eric Phy
@SimplyPhy
Aug 25 2016 14:29
ha nice
on a better note, i did make a major breakthrough on my game prototype last night
version 0.0.3 in da house w00t xDD
it’s actually a pretty big deal though, i got it up to the point I wanted to from the beginning. Only a few more key components need to be added for basic player functionality to be more or less complete
for the prototype version, anyways
David Castner
@davidjcastner
Aug 25 2016 14:31
@SimplyPhy congrats I bet that has to feel good! Share it with us when you have a prototype version
Eric Phy
@SimplyPhy
Aug 25 2016 14:32
will do :D, though fair warning: the prototype isn’t actually a game, it’s just a collection of functionality. def will share though :D
Jonathan Herman
@lantech19446
Aug 25 2016 14:45
awesome man, glad you're progressing so well
Lily Romano
@Lilyheart
Aug 25 2016 15:12
Today's minecraft message. Any computer is a laptop if you are brave enough.
Eric Phy
@SimplyPhy
Aug 25 2016 15:42
@Lilyheart do you use jekyll to automate your browser-sync gh-pages link?
Eric Phy
@SimplyPhy
Aug 25 2016 16:12
MUHAHAHAHA
it’s working :D
not gh-pages, but static local-host automatic refresh on save
Eric Phy
@SimplyPhy
Aug 25 2016 16:17
it’s amazing what you can do with gulp without having the slightest (well, barely) idea what in the hell you’re actually doing xD
Lily Romano
@Lilyheart
Aug 25 2016 17:19
just browser sync
browser sync with the tunnel option set to share it with people outside the network.
gh-pages has nothing to do with it other then the name of a branch
I'm quite distracted. I'm totally upgrading HAL (pi2 to pi3) with a usb drive as the boot so I don't have to deal with any more dead SD cards.
Lily Romano
@Lilyheart
Aug 25 2016 17:28
I'm totally happy with it yet, but here is my basic gulpfile I have been using. https://github.com/Lilyheart/templates/blob/master/gulp/gulpfile.js
Eric Phy
@SimplyPhy
Aug 25 2016 18:28
ha, it’s so much more sophisticated than mine xD
i think the functions in your watch task are redundant…not positive though, and thankfully it makes no difference xD
Eric Phy
@SimplyPhy
Aug 25 2016 18:34
i don’t see a tunnel in there :/
Lily Romano
@Lilyheart
Aug 25 2016 18:35
Nope. So your html file is loading the css file that the sass task outputs right? Say you make a change to the sass file prior to running gulp. Then you run gulp without the array in the first line. The sass files wouldn't be compiled until after the first scss file change. This means whatever page browser-sync first loads won't actually include whatever changes you made in scss.
I just add in the tunnel option when I need it. Otherwise I'm open to the world all the time.
gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: '.'
    },
    tunnel: true
  });
});
Eric Phy
@SimplyPhy
Aug 25 2016 18:36
tunnel: true somehow goes to your gh-page?
Lily Romano
@Lilyheart
Aug 25 2016 18:36
No, it goes to that tunnelme page you were loading while I was working on the site.
Eric Phy
@SimplyPhy
Aug 25 2016 18:36
gotcha
oh, so at risk of sounding dumb (no loss there), i think you haven’t learned about the gulp serve task :D
Lily Romano
@Lilyheart
Aug 25 2016 18:39
you mean the gulp-serve plugin?
Eric Phy
@SimplyPhy
Aug 25 2016 18:40
while there’s a plugin, it’s my understanding that it’s also built into gulp
i’m like…almost confident in that xD
you don’t need to add a dependency for it, it’s built into the gulp distro
Lily Romano
@Lilyheart
Aug 25 2016 18:41
which gulp are you using?
Eric Phy
@SimplyPhy
Aug 25 2016 18:41
3.9.2 i think?
3.9.1
Lily Romano
@Lilyheart
Aug 25 2016 18:41
pop up some code that uses it?
Eric Phy
@SimplyPhy
Aug 25 2016 18:44
gulp.task('watchFiles', ['browser-sync'], function() {

  gulp.watch('scss/**/*', ['compileSass']).on('change', browserSync.reload);
  gulp.watch('js/*', ['concatScripts']).on('change', browserSync.reload);
});

…

gulp.task('serve', ['watchFiles']);
This message was deleted
there :D
that’s better xD
Lily Romano
@Lilyheart
Aug 25 2016 18:45
that is just a task name. It could literally be anything.
Eric Phy
@SimplyPhy
Aug 25 2016 18:45
nope
Lily Romano
@Lilyheart
Aug 25 2016 18:45
ah, like default
Eric Phy
@SimplyPhy
Aug 25 2016 18:45
otherwise gulp watchFiles would do the same thing, but it doesn't
notice how when i include a task as a dependency, it runs that task automatically, and acts like it was a part of the task that you set it as a dependency for (so long as that task has a return value). That’s what makes me think your function calls are redundant
you can just do something like this
gulp.task('compileSass', function() {
  return gulp.src('scss/app.scss')
    .pipe(maps.init())
    .pipe(sass())
    .pipe(maps.write('./'))
    .pipe(gulp.dest('css'));
});
though obvi both ways seem to do the trick
Eric Phy
@SimplyPhy
Aug 25 2016 18:51
the maps.write is also handy for debugging; it tells you in which scss file and where therein your styles are coming from, when you’re looking at them in dev tools, instead of telling you where the style is in your compiled css file, which you likely wouldn’t be editing directly
that’s a plugin
Lily Romano
@Lilyheart
Aug 25 2016 18:51
I have no need for sourcemaps yet
Eric Phy
@SimplyPhy
Aug 25 2016 18:51
kk, just trying to act like i know what i’m talking about, while seeing if i can actually be helpful for once xD

my event planner

Here’s a pic of the current state of my event planner app

Lily Romano
@Lilyheart
Aug 25 2016 18:58
I would love to see your gulp output when you run gulp serve
Eric Phy
@SimplyPhy
Aug 25 2016 19:29

stuff

This is all it does

it watches constantly until it runs an error
Lily Romano
@Lilyheart
Aug 25 2016 19:30
Not as it's running, but when it's first run. I don't think it's doing what you think it does. in your case serve = watchFiles.
But, I do see the quote redundancy are you referring too. watch('app/js/**/*.js', function(event) {gulp.start('eslint');}); with eslint inside an anonymous function. I have it that way so I can expand it later when/if I need to.
I thought you were referring to this. Which is necessary.
blob
I also sometimes run browser sync outside of the watch tasks thus I have the browser sync commands outside the watch task and in the sass and eslint tasks. Really, it's the same thing just a different way based on personal workflow :laughing:
Lily Romano
@Lilyheart
Aug 25 2016 19:37
This message was deleted
Lily Romano
@Lilyheart
Aug 25 2016 19:44
So I thought I'd run your project so I could see the gulp output when first run... and your node modules folder is insane...
Eric Phy
@SimplyPhy
Aug 25 2016 19:47
thanks :D
lol yeah it’s like 6000 files, yes?
Lily Romano
@Lilyheart
Aug 25 2016 19:48
not totally a good thing....
I had to dump the folder totally and npm install
Eric Phy
@SimplyPhy
Aug 25 2016 19:48
that’ll teach you :P
Lily Romano
@Lilyheart
Aug 25 2016 19:48
to not touch your code?
o.O
Eric Phy
@SimplyPhy
Aug 25 2016 19:48
ha jk, anyways i’d like an opinion;
yay?
what do you think of the header style?
Lily Romano
@Lilyheart
Aug 25 2016 19:49
you have like 600 folders of different modules in there... and only 12 listed in your packages file....
Eric Phy
@SimplyPhy
Aug 25 2016 19:49
yeah apparently that’s what happens when you run - -save-dev when you install your modules
Lily Romano
@Lilyheart
Aug 25 2016 19:50
it's what you should be doing for dev modules. and just --save for production modules.
your packages.json file should indicate all the neccessary packages for your app.
Eric Phy
@SimplyPhy
Aug 25 2016 19:50
it does...
Lily Romano
@Lilyheart
Aug 25 2016 19:51
then why do you have like 600 modules in that folder if you only need 12?
Eric Phy
@SimplyPhy
Aug 25 2016 19:51
because i don’t understand gulp, and - -save-dev apparently automates that happening, at least when i don’t ignore … oh i see
Eric Phy
@SimplyPhy
Aug 25 2016 19:52
ha i should probably ignore the node_modules folder, ehh?
Lily Romano
@Lilyheart
Aug 25 2016 19:52
so many unused things @ _ @
Eric Phy
@SimplyPhy
Aug 25 2016 19:53
it happened automatically based on the commands i was instructed to use, what do you recommend to amend it?
Lily Romano
@Lilyheart
Aug 25 2016 19:53
There are valid argument for for and against ignoring or not ignoring .
Eric Phy
@SimplyPhy
Aug 25 2016 19:53
okay, so can i have your opinion please?
Lily Romano
@Lilyheart
Aug 25 2016 19:54
Oh, and 'serve' is literally just the title of a task, there is nothing special about it.
watchFiles does the same thing.
blob
Eric Phy
@SimplyPhy
Aug 25 2016 19:54
yup i just checked, you’re correct
i guess it’s just convention, or maybe bs, watevs
i presumed there was an above 50% chance i was wrong
Lily Romano
@Lilyheart
Aug 25 2016 19:55
just convention. exactly xD
The form is tight.
Eric Phy
@SimplyPhy
Aug 25 2016 19:55
what do you think about the header?
Lily Romano
@Lilyheart
Aug 25 2016 19:55
but I like space in things.
Eric Phy
@SimplyPhy
Aug 25 2016 19:55
only the header
Lily Romano
@Lilyheart
Aug 25 2016 19:56
the header is tight, the form is tight, there is no room xD
no room a the Inn
Eric Phy
@SimplyPhy
Aug 25 2016 19:56
:D
Lily Romano
@Lilyheart
Aug 25 2016 19:56
/sigh
I'm old... tight is not a compliment.
Eric Phy
@SimplyPhy
Aug 25 2016 19:56
oh..
Lily Romano
@Lilyheart
Aug 25 2016 19:56
tight means ill-fitting...
not an insult either mind you :p Just could use some more space.
modern design trends and all that.
Eric Phy
@SimplyPhy
Aug 25 2016 19:58
This message was deleted
I’m not entirely sure i understand, but i’ll see what i can do
Lily Romano
@Lilyheart
Aug 25 2016 20:02
blob
Red arrows: If a browser renders the curve even just a few pixels off, the text could end up outside the border. Browsers are dumb
Eric Phy
@SimplyPhy
Aug 25 2016 20:18
w00t xD
a little ambitious maybe xDD
#myfirsttexture
Lily Romano
@Lilyheart
Aug 25 2016 20:22
weird
is the full link
i feel like i should print out your screenshot and put it on the fridge.
Eric Phy
@SimplyPhy
Aug 25 2016 20:24
ha, it’s cheerful, no? :D
so @Lilyheart I’m not entirely sure what that article remmends in my case. It seems very clear that node_modules should be a part of the distro package. How then can I (without unreasonable difficulty) figure out what to add/remove to my node_modules? Any thoughts on how my particular folder came to be so massive, with so few dependencies?
Lily Romano
@Lilyheart
Aug 25 2016 20:31
i have no idea why there is so much in that folder tbh. Most have been there since the first commit.
Eric Phy
@SimplyPhy
Aug 25 2016 20:33
yeah, i think it has something to do with - -save-dev
Lily Romano
@Lilyheart
Aug 25 2016 20:33
I use —save-dev
Eric Phy
@SimplyPhy
Aug 25 2016 20:33
oh, maybe it’s because i included jquery?
i think i deleted that though...
Lily Romano
@Lilyheart
Aug 25 2016 20:34
all it does is add a line to the package.json file with that package name.
Eric Phy
@SimplyPhy
Aug 25 2016 20:34
right, which it did for me
i don’t think i did anything so magical as to deserve so many files in my dev pool
Lily Romano
@Lilyheart
Aug 25 2016 20:34
I dumped the entire node_modules folder and redid npm install which installed everything listed in the package.json. Didn’t get anything weird then. I don’t know how they had you set it up.
Eric Phy
@SimplyPhy
Aug 25 2016 20:34
just lucky i guess xD
i literally just installed the packages one by one, all locally (except obvious stuff i had global), and then did git add -A
and boom
there it was
i remmeber it being outrageously massive, but i figured it was normal
i’m guessing every npm dependency (or watevs) for every module was downloaded into that folder
it was funny when i got on my desktop, dropbox was like ‘6772 files have been updated in your dropbox'
made me feel like i accomplished something (jk xD)
Lily Romano
@Lilyheart
Aug 25 2016 20:41
are you on npm v3?
Eric Phy
@SimplyPhy
Aug 25 2016 20:42
oh shit, maybe this is my problem?
Phy (master *) P1 Event Planner $ gulp -v
[11:34:57] CLI version 1.2.2
[11:34:57] Local version 3.9.1
Lily Romano
@Lilyheart
Aug 25 2016 20:43
internet tells me npm v3 handles dependencies like that. I have the most recent stable version of node/npm not the latest so i’m still on npm v2 something and node 4 something.
i don’t have time to deal with breaking versions xD I need something stable in my life!
Eric Phy
@SimplyPhy
Aug 25 2016 20:43
i have npm 3.10.6
Eric Phy
@SimplyPhy
Aug 25 2016 21:04
okay, after some reading, i think i understand the situation better
ha, my node_modules file weighed 112MB xDD
Now you can dl my code without any computer failures xD
Eric Phy
@SimplyPhy
Aug 25 2016 21:26
@dcpking what was that issue that @Lilyheart discovered you had made at our session? I think i’m running into it now...
when i host my app on localhost through browsersync, it finds my background-image: url('/img/body-background.jpg’);, but on gh-pages and when i load the file locally (directly from index.html), it can’t find the file
nm got it

background-image: url(‘../img/body-background.jpg’);

file has to be relative to the css file’s position :D

Lily Romano
@Lilyheart
Aug 25 2016 21:48
"All problems are relative!" - Lily