These are chat archives for MontCode/GeneralChat

4th
Oct 2016
JBC944
@JBC944
Oct 04 2016 00:00
30%
Eric Phy
@SimplyPhy
Oct 04 2016 00:00
you’re killing me xD
the div is inside the body, yes?
JBC944
@JBC944
Oct 04 2016 00:01
yes
Eric Phy
@SimplyPhy
Oct 04 2016 00:01
did i set the body’s width?
JBC944
@JBC944
Oct 04 2016 00:02
no u didnt
Eric Phy
@SimplyPhy
Oct 04 2016 00:02
so if the browser automatically set the body’s width to 30%, what do you think that would do to the webpage?
JBC944
@JBC944
Oct 04 2016 00:03
make it really small
Eric Phy
@SimplyPhy
Oct 04 2016 00:03
is your webpage really small?
JBC944
@JBC944
Oct 04 2016 00:03
and i am learning css in my web design class just a fyi
Eric Phy
@SimplyPhy
Oct 04 2016 00:03
it seems to me like you’re learning css from the simplyphy class
:P
JBC944
@JBC944
Oct 04 2016 00:03
thats true too
Eric Phy
@SimplyPhy
Oct 04 2016 00:04
so my question again..is your webpage really small?
JBC944
@JBC944
Oct 04 2016 00:04
no
Eric Phy
@SimplyPhy
Oct 04 2016 00:04
don’t you have a 100% width image inside a 70% div on your webpage?
JBC944
@JBC944
Oct 04 2016 00:04
yes
well not the image
Eric Phy
@SimplyPhy
Oct 04 2016 00:04
so i ask again: how wide is the body?
JBC944
@JBC944
Oct 04 2016 00:07
maybe 70%
Michael Karpinski
@karpimpski
Oct 04 2016 00:20
hey guys, anybody here into Rails development? I'm learning and thought it would be fun to have somebody to help
Eric Phy
@SimplyPhy
Oct 04 2016 00:23
This message was deleted
this
@JBC944
just made that for you on a touchpad (sigh)
@karpimpski I don’t think so, but not 100% sure
mostly js/html/css/java/node/git in here
Michael Karpinski
@karpimpski
Oct 04 2016 00:28
yeah, they teach more MEAN stack here. I love Rails, was just hoping I could find somebody in here to code with. thanks!
JBC944
@JBC944
Oct 04 2016 00:44
@SimplyPhy 90% or 100%
Eric Phy
@SimplyPhy
Oct 04 2016 00:46
@JBC944 since you’re not here, i’ll just finish answering…(and see my graphic above). The fact is, unless you’re developing your site for one very specific device, you won’t know what the body width is unless you set it yourself, which you could do if you wanted. The body will automatically fill approx. 100% of the window that it’s contained within, and therefore will be a different size at different times. Hopefully this helps you understand why your answer of “70%” earlier wasn’t helpful, because I was talking about a rastor image, which is built from pixels, and has definite width and height. When you resize an image, it’s usually best to stretch it diagonally, from the center point to a corner, and outwards along that path. This will retain the aspect ratio (e.g. 16:9, 3:2, etc) of the image, so that, while it might get fuzzy (pixelated), it won’t distort the image itself. If you stretch an image without maintaining the aspect ratio, it will become distorted. So resizing an image from 150x300px to 300x600px, for example, will pixelate it a little, but won’t distort it otherwise. So you asked: can i fill a div with an image without distorting it (paraphrased). I said yes. The easiest way to do this is to constraint the image’s proportions, which will usually happen when you set a width, but no height.
so say your computer is 1080x1920, and your browser window is taking up 900x1800 of that space
assuming your body is 100% of its container window’s width, the div will be 70% of that
which is 1260px
if your image is like 150px or watevs, and you’re resizing it to 1260px (for example, obviously), then it’s going to become really pixelated
the foundation of responsive web design is using dynamicly resizing elements on your webpage (fluid design), and/or using media queries to change your styles when the device meets certain criteria
Eric Phy
@SimplyPhy
Oct 04 2016 03:03
Was that helpful @JBC944 ?
Lily Romano
@Lilyheart
Oct 04 2016 13:53
@karpimpski I don’t think we have anyone currently learning rails, but I think that will be my focus next summer break.
Lily Romano
@Lilyheart
Oct 04 2016 16:38
Eric Phy
@SimplyPhy
Oct 04 2016 17:27
"On production you need to perform a series of pre-tasks to get your project ready that make the ritual to summon Satan look like a boiled eggs recipe.” lol
Lily Romano
@Lilyheart
Oct 04 2016 17:27
:laughing: :smiling_imp: :laughing: :smiling_imp: :laughing: :smiling_imp: :laughing: :smiling_imp: :egg:
Eric Phy
@SimplyPhy
Oct 04 2016 18:21
this react app is really blowing my mind. being exhausted isn’t helping
so close to a breakthrough though for sure, just need to build sufficient momentum to get things flowing
Lily Romano
@Lilyheart
Oct 04 2016 19:39
Ha, that article was brought up today in Java class
Lily Romano
@Lilyheart
Oct 04 2016 22:18
Apparently I zoned out through the start of chat. I hope it's quiet just because everyone is off learning things xD
Michael Karpinski
@karpimpski
Oct 04 2016 22:45
@Lilyheart you should definitely learn Rails! it does a surprising amount of stuff on the front end (no React/jQuery/Angular/more ridiculous 2016 JS) and is amazing for backend
I really love it, recently started learning and I already feel confidfent enough to build lightweight sites with it
Jonathan Herman
@lantech19446
Oct 04 2016 22:46
I was busy yelling at kids for being loud and cursing
Lily Romano
@Lilyheart
Oct 04 2016 22:49
@karpimpski I played around with it years and years ago, but not so much recently. I have a udemy course or two on it I plan on finishing next free time.
I met someone down in the city as the last CodePen meetup that is a rails developer. He had done some neat things.
I am being super productive tonight. I'm making balloon animals so my cat can pop them.
Michael Karpinski
@karpimpski
Oct 04 2016 22:54
@Lilyheart it's been improved SO much from a few years ago. you can make a static webpage so much simpler than with pure HTML, CSS, and JS with minimal Rails knowledge. once you learn more you can easily interact with databases and make a functional RESTful app really easily
Lily Romano
@Lilyheart
Oct 04 2016 22:55
The hackathon I went to we built a rails app. I only did HTML/CSS tho
I'm either going to do rails over the summer, or one of these http://trydesignlab.com/courses/
Lily Romano
@Lilyheart
Oct 04 2016 23:22
Totally gonna stalk you on GitHub if that's okay @karpimpski
Eric Phy
@SimplyPhy
Oct 04 2016 23:27
running into my own css issue right now
major pain in the ass
can’t get two spans to sit one above the other to the right side of a div, all inside another div
it. just. won’t. work. :rage:
Lily Romano
@Lilyheart
Oct 04 2016 23:29
why do you want spans and not divs?
it sounds like you want something blockline @SimplyPhy
Eric Phy
@SimplyPhy
Oct 04 2016 23:30
yup tried that
like 18 times
i could make them divs i guess, but i don’t know if that’ll help
display value seems like it can be anything, and no good
Lily Romano
@Lilyheart
Oct 04 2016 23:33
if you still can't get it, toss it in a pen or send me the code and I'll peek.
If you are using gulp, you could tunnel it and sent a link as well.
Eric Phy
@SimplyPhy
Oct 04 2016 23:36
hmm, changing them to divs and floating the original nested div left worked
i don’t always tunnel, but when i do i gulp
(commercial man voice)
Lily Romano
@Lilyheart
Oct 04 2016 23:37
sounds dirty?
Eric Phy
@SimplyPhy
Oct 04 2016 23:41
ha
dirty enough hopefully