These are chat archives for MontCode/GeneralChat

31st
May 2016
Lily Romano
@Lilyheart
May 31 2016 01:59
Robert Maylie
@rmaylie9560
May 31 2016 03:01
wow that looks extremely overwhelming
Robert Maylie
@rmaylie9560
May 31 2016 03:11
are you contributing to any?
Lily Romano
@Lilyheart
May 31 2016 03:12
in my spare time? hahhahahahhaha
Robert Maylie
@rmaylie9560
May 31 2016 03:17
well you have to fill that .0005 second slot in the day somehow.
Lily Romano
@Lilyheart
May 31 2016 03:18
That’s why I have cats!
Robert Maylie
@rmaylie9560
May 31 2016 03:20
lol
Robert Maylie
@rmaylie9560
May 31 2016 03:26
I've always had a bad experience with cats.
Robert Maylie
@rmaylie9560
May 31 2016 03:31
that was weird.
Lily Romano
@Lilyheart
May 31 2016 03:32
What?
Robert Maylie
@rmaylie9560
May 31 2016 03:37
My semi offensive anecdote disappeared :laughing:
Lily Romano
@Lilyheart
May 31 2016 03:37
:grimacing:
Robert Maylie
@rmaylie9560
May 31 2016 03:38
about my one eyed cat peeing on all my stuff
he was a bastard.
Lily Romano
@Lilyheart
May 31 2016 03:38
sounds like a personal problem
Robert Maylie
@rmaylie9560
May 31 2016 03:40
absolutely, I would get wafts of urine scent every time I turned my head.
Lily Romano
@Lilyheart
May 31 2016 03:41
Sounds like a boy with boundary issues. I’ve been lucky with these two. They are absolute love muffins.
Robert Maylie
@rmaylie9560
May 31 2016 03:42
Yea, I guess it's hit or miss. What kind of cats?
Lily Romano
@Lilyheart
May 31 2016 03:42
basic domestic rescues
Robert Maylie
@rmaylie9560
May 31 2016 03:42
And he was a boy.
Lily Romano
@Lilyheart
May 31 2016 03:43
might also have been fixed late in “puberty”. These two boys were fixed super early.
well, normal early, but you know what I mean.
Robert Maylie
@rmaylie9560
May 31 2016 03:43
im glad you went rescue. I have a bleeding heart when it comes to that stuff
yea I gotcha.
Alex H.
@Alexander-Huh
May 31 2016 21:15
hello!
Danielle Butler
@dbutler22
May 31 2016 21:15
Hello!
Lily Romano
@Lilyheart
May 31 2016 21:15
Hello!
Ya’ll snuck in!
What programming feats are ya'll workin' on tonight?
Alex H.
@Alexander-Huh
May 31 2016 21:17
my tribute page !
i need ideas lol
Danielle Butler
@dbutler22
May 31 2016 21:18
I'm going through HTML on FCC.
David Castner
@davidjcastner
May 31 2016 21:18
Hello everyone! @Alexander-Huh is there a fictional character that you enjoy?
Lily Romano
@Lilyheart
May 31 2016 21:19
I should do my tribute >.> But I'm going to work on algorithms instead.
Alex H.
@Alexander-Huh
May 31 2016 21:20
deadpool, batman, I like comic book stuff @davidjcastner
Lily Romano
@Lilyheart
May 31 2016 21:20
ooooh... BATMAN!
David Castner
@davidjcastner
May 31 2016 21:24
Yes go for Batman!
Danielle Butler
@dbutler22
May 31 2016 21:25
Batman does have mass appeal
David Castner
@davidjcastner
May 31 2016 21:25
Maybe try to insert the "I'm Batman" sound clip when a button or link is clicked
Jonathan Herman
@lantech19446
May 31 2016 21:27
that would be awesome
Alex H.
@Alexander-Huh
May 31 2016 21:28
thanks! that sounds like a great idea to me
Jonathan Herman
@lantech19446
May 31 2016 21:29
I feel like I've been slacking so much the last several days. Pretty soon everyone is going to pass me and I really need to get on this just haven't been able to concentrate
Lily Romano
@Lilyheart
May 31 2016 21:29
Every time you move the mouse over the batman image, it says it :grinning:
No one is ever last! We always have people joining so there will always be people of all levels.
I almost always forget semicolons in my for statements
Jonathan Herman
@lantech19446
May 31 2016 21:33
I feel like i have one roadblock that I need to work through big time right now and then I'd probably feel comfortable with moving forward again but I can't for the life of me get positioning down like when I put images on the page etc
David Castner
@davidjcastner
May 31 2016 21:34
@Lilyheart I understand your pain. I don't like having to type out the full for statement, especially since atom auto completes them for you.
Lily Romano
@Lilyheart
May 31 2016 21:35
No one told me there would be math on this quiz....
Jonathan Herman
@lantech19446
May 31 2016 21:36
I just downloaded 82 books from sitepoint lol
Lily Romano
@Lilyheart
May 31 2016 21:37
awesome!
Jonathan Herman
@lantech19446
May 31 2016 21:37
yea only to realize I forgot my kindle lol, at least linux comes with a native mobi reader
Lily Romano
@Lilyheart
May 31 2016 21:40
:+1:
Jonathan Herman
@lantech19446
May 31 2016 21:41
so any suggestions for resources that deal with page layout?
Lily Romano
@Lilyheart
May 31 2016 21:42
To better learn layout? or?
I found this game the other day to help with flexbox. I haven't tried it yet. http://flexboxfroggy.com/
Jonathan Herman
@lantech19446
May 31 2016 21:43
like I have issues with placing pictures buttons etc without using margins to do it or understanding why sometimes align doesn't work that sort of thing.
David Castner
@davidjcastner
May 31 2016 21:44
@lantech19446 alignment works differently depending on what type of display and position values it has, if you have some example code, I could help you out
Jonathan Herman
@lantech19446
May 31 2016 21:46
I seem to bump into this with all the pages I'm trying but if you look at my img class on the tribute page I did you'll see how I had to use a 10% left margin to get the spacing of the buttons the way I wanted it and I know I shouldn't be doing it that way because it messes it up on different monitors and mobile etc so I need to learn the right way to do it
http://codepen.io/lantech19446/pen/VjZqyV
David Castner
@davidjcastner
May 31 2016 21:49
@lantech19446 you're referring to the three images at the bottom of the page correct?
Jonathan Herman
@lantech19446
May 31 2016 21:49
yes, they all function as buttons to different pages
David Castner
@davidjcastner
May 31 2016 21:50
and what is your end goal with them, to maintain the margin spacing on all views?
Jonathan Herman
@lantech19446
May 31 2016 21:51
yes, I like the way I have them spaced but I know there's more appropriate ways to do it I had a hell of a time just getting them into a row like that they all wanted to go top to bottom. On my profile page I'm having an issue getting my picture next to the text things like that and I'm finding it difficult to find the answers for it
David Castner
@davidjcastner
May 31 2016 21:53
What I would recommend is using a flexbox container around them which @Lilyheart mention and then setting the margin to a pixel value (px) that you like. Here is a nice page that explains how to use flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Alex H.
@Alexander-Huh
May 31 2016 21:53
do I need to format my CSS differently if i write it in the CSS file as opposed to the HTML file? Trying to change the color of text with an id
David Castner
@davidjcastner
May 31 2016 21:54
@lantech19446 I can put together an example, or let me know if you have question looking through that
Lily Romano
@Lilyheart
May 31 2016 21:54
same way
.className { }
Jonathan Herman
@lantech19446
May 31 2016 21:55
I guess my big question is does this scale between monitor sizes?
Alex H.
@Alexander-Huh
May 31 2016 21:56
but if I'm using an id I a # right?
instead of a period
Lily Romano
@Lilyheart
May 31 2016 21:56
Right! Sorry. Correct.
OCTOTHORPE!!!
If anyone else wants to stream their screen, I'm more than willing to add you!
David Castner
@davidjcastner
May 31 2016 21:57
@lantech19446 yes, as long as you the buttons you are wrapping have a static pixel width small enough for all of them to fit in the page, or you can give the buttons you are wrapping a percentage width (%)
Lily Romano
@Lilyheart
May 31 2016 21:57
After I figure out how >.>
David Castner
@davidjcastner
May 31 2016 21:57
@lantech19446 otherwise you will probably have to use media queries
Jonathan Herman
@lantech19446
May 31 2016 21:58
ok cool, trying it now doesn't look too complicated. I can apply this class to a div or do I need to invoke it in each image?
David Castner
@davidjcastner
May 31 2016 22:01
flexbox works by attaching specific styling to both the container the element you want inside (which can be a div) and the elements inside the flexbox (which can be any block element I believe)
Jonathan Herman
@lantech19446
May 31 2016 22:02
hmm not sure this is going to work the way I made the buttons then
David Castner
@davidjcastner
May 31 2016 22:03

You can put your buttons in a container with the property of

.class { display: inline-block; }

inline block will make the elements have the minimal width around your button and also be a block element at the same time, or you can give your buttons the inline-block property as well

Jonathan Herman
@lantech19446
May 31 2016 22:10
that doesn't seem to be making a difference :(
David Castner
@davidjcastner
May 31 2016 22:13
@lantech19446 throwing together an example
Jonathan Herman
@lantech19446
May 31 2016 22:14
ok
David Castner
@davidjcastner
May 31 2016 22:28
Alright here is a forked version of your page with flexbox, I didn't do anything with text wrapping, but let me know if you need help with that http://codepen.io/davidjcastner/pen/beNBYw
@lantech19446 I inserted lots of comments to help explain what the properties are doing, let me know if you need more explanation
Jonathan Herman
@lantech19446
May 31 2016 22:31
ooo ok so I actually have to have it in 2 different divs
David Castner
@davidjcastner
May 31 2016 22:33

@lantech19446 yes because your buttons consisted of two elements an image and text, if it was only the images, you could do it with

.myImageButton { display: block; } /* not inline-block that was my fault */

inline-block is for alignment in a row without a flexbox, forgot that

Jonathan Herman
@lantech19446
May 31 2016 22:37
interesting I'm building the code you put into mine step by step so I can see how each things effects them but it's ignoring my flex-direction
David Castner
@davidjcastner
May 31 2016 22:41
@lantech19446 hmm check if you had added any more css from the time that I forked it (the css above Flex Styling), also the minimal amount of properties required to get it to work are
.container { display: flex; flex-direction:row; }
.flex-item { flex-basis: 33%; }
Jonathan Herman
@lantech19446
May 31 2016 22:41
oooo I think I founbd it
no I missed that you called the class other places also
yep working great now, thank you
David Castner
@davidjcastner
May 31 2016 22:48
@lantech19446 my pleasure, I'm here to help :smile:
Lily Romano
@Lilyheart
May 31 2016 23:05
How goes Batman @Alexander-Huh ?
@dbutler22 Enjoying the HTML so far?
David Castner
@davidjcastner
May 31 2016 23:09
Signing off for the day, but if anyone has any questions just ask them in here and we'll be happy to help
Lily Romano
@Lilyheart
May 31 2016 23:09
Have a good night @davidjcastner !
Jonathan Herman
@lantech19446
May 31 2016 23:16
Thanks again Dave
Lily Romano
@Lilyheart
May 31 2016 23:30
Whew. That challenge... was much. And I'm sure there was a better way, but I've only begun my math studies.
Robert Maylie
@rmaylie9560
May 31 2016 23:44
What site lil?
Lily Romano
@Lilyheart
May 31 2016 23:45
Under Intermediate Algorithm Scripting -> Smallest Common Multiple
It's streaming if you are on chat.montcode.com. I had to take a break after that one.
Robert Maylie
@rmaylie9560
May 31 2016 23:58
Hahahaha😂 That bad huh?
Jonathan Herman
@lantech19446
May 31 2016 23:59
so happy you guys were here tonight, learning the flexbox stuff is helping me with the 2nd project too