These are chat archives for FreeCodeCamp/Help

11th
Jan 2018
Gersho
@Gersho
Jan 11 2018 00:00
cdnjs is great :3
Albert Cardona II
@daddycardona
Jan 11 2018 00:01
thanks @thekholm80 this might make it easier with my big head lol
CamperBot
@camperbot
Jan 11 2018 00:01
daddycardona sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1662 | @thekholm80 |http://www.freecodecamp.org/thekholm80
Kyle Holm
@thekholm80
Jan 11 2018 00:01
i like easy
Albert Cardona II
@daddycardona
Jan 11 2018 00:02
yeah you know me I think to much into it lol
Darren
@DarrenfJ
Jan 11 2018 00:29
@daddycardona hey haven't seen yah for a while how's it going on the challenges?
Albert Cardona II
@daddycardona
Jan 11 2018 00:29
I just got through them all I think working on projects like calculator now :)
Darren
@DarrenfJ
Jan 11 2018 00:29
coooool
Albert Cardona II
@daddycardona
Jan 11 2018 00:29
@DarrenfJ thanks for asking :)
CamperBot
@camperbot
Jan 11 2018 00:29
daddycardona sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2344 | @darrenfj |http://www.freecodecamp.org/darrenfj
Darren
@DarrenfJ
Jan 11 2018 00:29
claps
Albert Cardona II
@daddycardona
Jan 11 2018 00:30
I don't have the clap LMAO
Darren
@DarrenfJ
Jan 11 2018 00:30
ahhhh the sweet endorphin rush of a thank you! @daddycardona
CamperBot
@camperbot
Jan 11 2018 00:30
darrenfj sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 514 | @daddycardona |http://www.freecodecamp.org/daddycardona
Albert Cardona II
@daddycardona
Jan 11 2018 00:30
well It is almost game time and I have to eat because I have to fast starting at 930pm to 10am for a blood sample boo
so ttyl everyone :)
Darren
@DarrenfJ
Jan 11 2018 00:53
later brutha!
Henry
@GitHub-Henry
Jan 11 2018 00:58
@daddycardona cuz it takes consideration in coding to get right
Ken Haduch
@khaduch
Jan 11 2018 01:47
@DarrenfJ - hey there! and @GitHub-Henry and @thekholm80 - hello everyone... and @daddycardona , if you're still around.
Kyle Holm
@thekholm80
Jan 11 2018 01:47
@khaduch :wave:
htunhtunwin
@htunhtunwin
Jan 11 2018 03:19
hi guys
i am allen from Myanmar.
its nice to meet u all
slri
@slri
Jan 11 2018 03:20
i read that as "i am alien"... ok
htunhtunwin
@htunhtunwin
Jan 11 2018 03:20
and also i would love to chat with u all to share our knowledges.
Kyle Holm
@thekholm80
Jan 11 2018 03:20
@htunhtunwin :wave: hello
htunhtunwin
@htunhtunwin
Jan 11 2018 03:21
ouch! That's hurt though i am not alien.XD
slri
@slri
Jan 11 2018 03:21
welcome to help @htunhtunwin ! where we're all sleep deprived and wait for the new gandalf
htunhtunwin
@htunhtunwin
Jan 11 2018 03:21
Hello @thekholm80
LOL
yeah
i would love to volunteer in some project.
nice to meet u @RuinIsProbablyTaken
slri
@slri
Jan 11 2018 03:24
likewise
which programming languages do you use?
htunhtunwin
@htunhtunwin
Jan 11 2018 03:24
html and css and javascript and php
but i am not good at php
and a little knowledge of C++ and Sql
slri
@slri
Jan 11 2018 03:26
oh nice!
htunhtunwin
@htunhtunwin
Jan 11 2018 03:26
yeah
slri
@slri
Jan 11 2018 03:26
you should start making github repos to show people what you know!
htunhtunwin
@htunhtunwin
Jan 11 2018 03:26
thanks
i will try it.
now i have a fb group with my friends.
My first step to coding on freecodecamp
Claudio Restifo
@Marmiz
Jan 11 2018 03:46
mingalaba @htunhtunwin
(and that's all from my Burmese skills)
Albert Cardona II
@daddycardona
Jan 11 2018 03:47
Hello All @khaduch I am back had to watch my knicks get beat at home with tears in my eyes
@GitHub-Henry I didn't know that javascript had that issue that is why I asked. I did this same project in the 90's and didn't need to do anythign special with VB
Kyle Holm
@thekholm80
Jan 11 2018 03:49
i think VB has doubles
i think I remember using them in VBA
Albert Cardona II
@daddycardona
Jan 11 2018 03:57
yes they have doubles and float which a double is a bigger float
Ken Haduch
@khaduch
Jan 11 2018 03:57
@daddycardona - gee, sorry about the knicks...
Albert Cardona II
@daddycardona
Jan 11 2018 03:58
it's okay I only shed a few tears lol
I am over it now lol
Ken Haduch
@khaduch
Jan 11 2018 03:58
that's good - hard to do coding when you can't see...
i mean because of tears...
Kyle Holm
@thekholm80
Jan 11 2018 03:59
lol brutal
Albert Cardona II
@daddycardona
Jan 11 2018 04:00
LOL
my son is a Celtics fan
Henry
@GitHub-Henry
Jan 11 2018 04:23
hello fcc
Albert Cardona II
@daddycardona
Jan 11 2018 04:25
hello @GitHub-Henry :wave:
Henry
@GitHub-Henry
Jan 11 2018 04:26
Just an FYI , NASA has an office of planetary protection, we should all sleep well, NASA has planetary protection covered
@daddycardona how goes the calculator
Albert Cardona II
@daddycardona
Jan 11 2018 04:28
slowly but surely, I am having to relearn some of the basics of JQuert that I am using. did you do it with divs? or buttons ?
I am getting confused with using parseFloat() however. I
Henry
@GitHub-Henry
Jan 11 2018 04:32
i'm a button fan, i am reading ydkjs so i'm working trying to work out how i'd do it with generators
Albert Cardona II
@daddycardona
Jan 11 2018 04:34
I figured what was wrong if you don't initialize the variable it becomes NaN lol
Henry
@GitHub-Henry
Jan 11 2018 04:34
are you using chrome
Albert Cardona II
@daddycardona
Jan 11 2018 04:38
yes I am :)
Henry
@GitHub-Henry
Jan 11 2018 04:38
i think chrome works well with codepen
Albert Cardona II
@daddycardona
Jan 11 2018 04:38
I am doing something wrong I think LOL
I don't want to use codepen I am going to try to do this on my desktop and then put it on my actual web page that I am about to redo just for FCC :)
Henry
@GitHub-Henry
Jan 11 2018 04:41
are you using atom
Albert Cardona II
@daddycardona
Jan 11 2018 04:42
vs code I did not like atom
Henry
@GitHub-Henry
Jan 11 2018 04:42
cuz
Albert Cardona II
@daddycardona
Jan 11 2018 04:42
I got use to vs code lol
Henry
@GitHub-Henry
Jan 11 2018 04:42
i like both
i use both
Alexander Jarman
@HeinousTugboat
Jan 11 2018 04:43
VS Code's awesome.
Kyle Holm
@thekholm80
Jan 11 2018 04:43
<3 Atom
Henry
@GitHub-Henry
Jan 11 2018 04:45
@daddycardona seems like you can get help easily if you have something like codepen that folks can see. much easier on the eyes than blobs of code pasted in the room
can always convert it to a webpage after it works
Albert Cardona II
@daddycardona
Jan 11 2018 04:45
I think I will start using codepen again lol
Yeah you are right and I know for sure I will need it for the simon challenge for sure. :)
Albert Cardona II
@daddycardona
Jan 11 2018 04:55
this is a lot more challenging then I remember lol
Henry
@GitHub-Henry
Jan 11 2018 04:55
@daddycardona did you make an action plan of how it should work
Albert Cardona II
@daddycardona
Jan 11 2018 04:56
mentally but not physically
Alexander Jarman
@HeinousTugboat
Jan 11 2018 04:56
I actually think the calculator was the hardest of the front end projects for me.
Albert Cardona II
@daddycardona
Jan 11 2018 04:56
I had so much in my head at once I could not write it down I just started with the layout
I am giong to put it in a pen now
Henry
@GitHub-Henry
Jan 11 2018 04:57
@daddycardona i think you are right, writing out the plan of how it should work will probably help
Albert Cardona II
@daddycardona
Jan 11 2018 04:57
I think that will be easier now that I got the layout
well this is not how it suppose to look LOL but I will fix it looks proper on the full view lol
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:08
Why's the entire JS function wrapped in $()?
Henry
@GitHub-Henry
Jan 11 2018 05:08
@daddycardona here's what it looks like for me, good start
Albert Cardona II
@daddycardona
Jan 11 2018 05:08
JQuery
Henry
@GitHub-Henry
Jan 11 2018 05:08
image.png
Albert Cardona II
@daddycardona
Jan 11 2018 05:09
yeah that is what it suppose to look like thanks @GitHub-Henry
CamperBot
@camperbot
Jan 11 2018 05:09
daddycardona sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 529 | @github-henry |http://www.freecodecamp.org/github-henry
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:09
What's that actually doing, though? I thought $() was just shorthand for the element selector. I've never seen an entire function passed into it like that before.
Henry
@GitHub-Henry
Jan 11 2018 05:10
i'm not understanding stuff i'm reading and doing, so it's time to stop for now, good luck Albert, chat later
Albert Cardona II
@daddycardona
Jan 11 2018 05:10
okay later
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:11
Oh, okay. It's just a fancy way of triggering it onload. Cool.
Albert Cardona II
@daddycardona
Jan 11 2018 05:11
@HeinousTugboat shorhand for

   // jQuery methods go here...

});
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:12
That's interesting. Thanks!
Albert Cardona II
@daddycardona
Jan 11 2018 05:12
never mind I will give you the link lol
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:12
Also, it's working for me when I add, although I can only see the results in the console.
Albert Cardona II
@daddycardona
Jan 11 2018 05:13
that is because I am not done with it I also need to make it a display there and possibly need another place holder
I need to work on the equals button for it to display there
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:14
Albert Cardona II
@daddycardona
Jan 11 2018 05:16
yeah that is confusing to me I did not get that far yet lol
Anywhere I go for help tells me to do it this way I don't get the function($)
Alexander Jarman
@HeinousTugboat
Jan 11 2018 05:22
That's just in case for whatever reason $ is unreliable in the global scope. jquery() passes an instance of itself to the callback. You don't have to use $, that's just the variable they use.
slri
@slri
Jan 11 2018 05:22
(function($){})(jQuery)
scoping
@HeinousTugboat beat me to it >:C
welp i'm off to bed lads, long day ahead of me. good night o/
Albert Cardona II
@daddycardona
Jan 11 2018 05:24
Oh okay that sure is confusing to me lol
good night @RuinIsProbablyTaken
I am about to go to sleep too GN yall ;)
Darren
@DarrenfJ
Jan 11 2018 05:58
evening fCC
@daddycardona night brutha!
@RuinIsProbablyTaken night as well
Manish Giri
@Manish-Giri
Jan 11 2018 06:06
@DarrenfJ :wave:
aRtoo
@artoodeeto
Jan 11 2018 06:28
for the tictactoe are we required to use react?
Manish Giri
@Manish-Giri
Jan 11 2018 06:43
@artoodeeto no
in fact, using react is not required anymore for even the data viz projects, afaik
Kaz Baig
@kbaig
Jan 11 2018 07:03
@daddycardona The reason that we control the scope of our jquery is that in that world, you're often pulling in jquery plugins which may contain breaking changes to your other plugins/vanilla jquery usage. By scoping each library's usage away from each other, we can make sure they play well together
aRtoo
@artoodeeto
Jan 11 2018 07:22
@Manish-Giri thanks fam
CamperBot
@camperbot
Jan 11 2018 07:22
artoodeeto sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6799 | @manish-giri |http://www.freecodecamp.org/manish-giri
Manish Giri
@Manish-Giri
Jan 11 2018 07:27
:+1:
ahmed-issa-mohd
@ahmed-issa-mohd
Jan 11 2018 12:08
Why the transition property does not work with the display property, what is the reason?
Alexander Jarman
@HeinousTugboat
Jan 11 2018 12:10
Because display can't be interpolated. What would 50% block look like?
ahmed-issa-mohd
@ahmed-issa-mohd
Jan 11 2018 12:41
Why when we do float for the items inside the list, then the height of the list becomes zero, why should we add the overflow property with(hidden or auto) of the list?
Daniel
@dkapexhiu
Jan 11 2018 14:49
how can i display this two buttons on the navbar to the left? https://codepen.io/dkapexhiu/pen/WdJGXg
Ken Haduch
@khaduch
Jan 11 2018 15:04
@dkapexhiu - are you using the Bootstrap-provided template to begin with? It looks like you're putting a seven column space between the "Title" and the place where those buttons are being located now? If you're not using it, I would suggest going with the example and modifying from there.... https://getbootstrap.com/docs/4.0/components/navbar/
Daniel
@dkapexhiu
Jan 11 2018 15:06
ok thank you @khaduch
CamperBot
@camperbot
Jan 11 2018 15:06
dkapexhiu sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3672 | @khaduch |http://www.freecodecamp.org/khaduch
Darren
@DarrenfJ
Jan 11 2018 15:24
morning fCC
@Manish-Giri manish! brutha! yer back..
we miss you
VaseJS
@VaseJS
Jan 11 2018 15:34
@DarrenfJ hey
Kyle Holm
@thekholm80
Jan 11 2018 15:34
@DarrenfJ :wave:
slri
@slri
Jan 11 2018 16:18
@Manish-Giri @DarrenfJ @VaseJS @thekholm80 hi friends o/
Kyle Holm
@thekholm80
Jan 11 2018 16:18
@RuinIsProbablyTaken :wave:
slri
@slri
Jan 11 2018 16:22
how many of you use bootstrap 4?
and if anyone does, how do you like the changes to bootstrap? i kinda hate bootstrap 4 tbh, don't like the fact that they're limiting you and that they're starting to implement flexbox more and more without a fallback >:C
Kaz Baig
@kbaig
Jan 11 2018 16:24
@RuinIsProbablyTaken well this would be why https://caniuse.com/#feat=flexbox
of course, 97.66% might not be good enough for enterprise
slri
@slri
Jan 11 2018 16:27
yeah, but what's so great about flexbox? i mean aside from the functionality that you generally couldn't get without JS (like sibling wrapping), i don't see much of an innovation for everything to become flexbox
Kaz Baig
@kbaig
Jan 11 2018 16:30
@RuinIsProbablyTaken some good reasons: https://bitsofco.de/6-reasons-to-start-using-flexbox/
Hopefully it's somewhat self-evident from the examples here: https://medium.freecodecamp.org/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af
The nuance worth highlighting is that I'm fairly certain neither of those articles take css grid into account, so they won't be talking about what you should be using grid for instead of flexbox
slri
@slri
Jan 11 2018 16:34
soooooooooooooooooo it just simplifies things
i wonder if it's better performance wise at all
Kaz Baig
@kbaig
Jan 11 2018 16:36
Even if it was less performant, I think the tradeoff is totally worth it to use grid + flex
slri
@slri
Jan 11 2018 16:37
hmmm maybe there should be a tool to just simply turn flexbox into good ole css tricks we all despise on build
and once you have it uglified, no one will know what you actually did and how you did it
plus it wouldn't affect development time at all and you'd get the best of both worlds
apparently, old flexbox > the good ole tricks > new flexbox is the way they perform(when not nested to no end) from slowest to fastest
slri
@slri
Jan 11 2018 16:43
seems like flexbox can't deal with too much nesting though which is why it can perform worse than the good ole ways
could combine the two, using flexbox for smaller chunks at a time rather than using it for everything
now the question becomes more clear: to flexbox or not to flexbox
Darren
@DarrenfJ
Jan 11 2018 17:19
sorry.. stepped out of the room for a bit
Gersho
@Gersho
Jan 11 2018 17:24
hi everyone !
Darren
@DarrenfJ
Jan 11 2018 17:25
@Gersho hello hello!
Gersho
@Gersho
Jan 11 2018 17:25
hey is there something simplier than bind9 to setup a dns ? (on ubuntu)
it's driving me crazy
Sorin Ruse
@sorinr
Jan 11 2018 17:33
@RuinIsProbablyTaken think breaking up the content into components is helping out to easily manage flexbox layout. ofc, flex its not the best option as grid will be more and more supported but this kind of things everytime get "outdated" as new solutions came up
slri
@slri
Jan 11 2018 17:35
yeah, but we can theorize about the future all we want and it won't improve our website-making dynamic. we can argue that in the future there will be no layout and we'll go back to the early days of web with minimal styling but it won't help us in the "now" ykno
regardless, i guess it's time to accept flexbox as the new prophet
Alexander Jarman
@HeinousTugboat
Jan 11 2018 17:36
Where are you seeing a performance penalty using flex over floats?
artbohr
@artbohr
Jan 11 2018 17:39
Hey, can someone tell me why the last test is failing?
slri
@slri
Jan 11 2018 17:39
i'm doing research and taking everyone's opinion and experience at face value. rather than seeing a performance issue i'm questioning the possibility of there being one since a few sources mentioned that flexbox indeed has a performance dip if used liberally
@artbohr if you provided more info, we might
artbohr
@artbohr
Jan 11 2018 17:39
Hey, can someone tell me why the last test is failing?
here is the challenge: https://beta.freecodecamp.org/en/challenges/mongodb-and-mongoose/install-and-set-up-mongoose
here is my project: https://trite-dessert.glitch.me
@RuinIsProbablyTaken you just had to wait some secs before writing, I was going to post it separately :D :smile:
Alexander Jarman
@HeinousTugboat
Jan 11 2018 17:40
I'm not sure there's much of any reason to genuinely avoid it over performance. Everything I see refers to old implementations.
Sorin Ruse
@sorinr
Jan 11 2018 17:52
@RuinIsProbablyTaken are you proposing to return to table? we have to use what it is or invent something new
thats why some people are mastering better css, others js or the backend
slri
@slri
Jan 11 2018 17:54
no, table is worse than flexbox. i was just questioning the possibility of it being better
Darren
@DarrenfJ
Jan 11 2018 17:54
back to testing.. later roomies
Bjorn van de Peut
@bjorno43
Jan 11 2018 17:54
:wave:
Sorin Ruse
@sorinr
Jan 11 2018 17:55
the problem that was not by that time is responsiveness
the table is for sure worse but it was used in about 99.99% of the website build about like 10 years ago
slri
@slri
Jan 11 2018 18:00
oh jesus i don't mean actual table html tags, bootstrap 3 uses table cells
Sorin Ruse
@sorinr
Jan 11 2018 18:04
i meant using table for the layout of a page. bootstrap its just a 6 years old framework
VaseJS
@VaseJS
Jan 11 2018 18:35
bootstrap is not a framework
hey @RuinIsProbablyTaken
why use bootstrap? if you know what you’re doing, bootstrap is a crutch and unneeded. maybe for prototypes but it limits your ability to scale properly as they follow some good modern css stategies but by its nature, bootstrap is inflexible
Kaz Baig
@kbaig
Jan 11 2018 18:37
@VaseJS I agree that it's good for prototype/proofs of concept/personal projects but it would be better to do it by hand
VaseJS
@VaseJS
Jan 11 2018 18:37
people are using it for more than it was intented and like people who aren’t use to that attention and want to keep it, they cater to the the masses. some things need to die when their time is done
Kaz Baig
@kbaig
Jan 11 2018 18:38
I think the name is quite indicative of what it was meant for
VaseJS
@VaseJS
Jan 11 2018 18:38
great for engineers, bad for designers
good point
slri
@slri
Jan 11 2018 18:38
that's very true, but in an environment where things need to happen quickly, you're not allowed to waste time on something that's not a problem instantly
so building a front end from scratch is great, but it takes time which means that it takes valuable money from the company you're working for
if we're going for absolute perfection, then yes, bootstrap is useless; however, technical perfection is the least of your problems when working for a company
artbohr
@artbohr
Jan 11 2018 18:40

Hey, can someone tell me why the last test is failing? (says mongoose should be in the dependencies)
here is the challenge: https://beta.freecodecamp.org/en/challenges/mongodb-and-mongoose/install-and-set-up-mongoose

here is my code:

myApp.js


var mongoose = require('mongoose');


var promise = mongoose.createConnection(process.env.MONGO_URI, {
  useMongoClient: true,
});

package.json

{
  "name": "fcc-mongo-mongoose-challenges",
  "version": "0.0.1",
  "description": "A boilerplate project",
  "main": "server.js",
  "scripts": {
    "start": "node server.js"
  },
  "dependencies": {
    "express": "^4.12.4",
    "body-parser": "^1.15.2",
    "mongodb": "^3.0.1",
    "mongoose": "^4.13.9"
  },
  "engines": {
    "node": "4.4.5"
  },
  "repository": {
    "type": "git",
    "url": "https://hyperdev.com/#!/project/welcome-project"
  },
  "keywords": [
    "node",
    "hyperdev",
    "express"
  ],
  "license": "MIT"
}

no errors in console

using then with the promise changes nothing, atleast as I tested, would be grateful for some help here, no idea what is the problem
Sorin Ruse
@sorinr
Jan 11 2018 18:45
@artbohr how did you installed mongoose? did you used npm install?
Kaz Baig
@kbaig
Jan 11 2018 18:46
@RuinIsProbablyTaken @VaseJS as in most things, it comes down to what kind of tradeoff the sponsor wants to make, in this case time/money for extensibility and scalability
VaseJS
@VaseJS
Jan 11 2018 18:47
if its a small project that isn’t going to scaled or updated to often, use bootstrap and save time. a mom and pop website, personal site, go crazy
anything serious… be careful
Bjorn van de Peut
@bjorno43
Jan 11 2018 19:02
One of the few problems I have with bootstrap is using height: 100%. It's possible, but it causes problems on mobile websites. For example: You have a chatsystem. It has the list of messages and a userlist. Both have height: 100% to give it a nice, clean look. Now on a mobile browser, the userlist is pushed above or beneath the messages. Even when there's only 1 user online, the userlist takes up the same height as the messages. Creating a website that's much larger than actually needed.
Now of course that problem is fairly easy to fix. I just ment to say that it's one the things that annoys me about bootstrap
VaseJS
@VaseJS
Jan 11 2018 19:09
does vh not work?
bootstrap itself should annoy you :P
artbohr
@artbohr
Jan 11 2018 19:12
@sorinr I'm using glitch as it's recommended in the beta curriculum, you just add it there and it installs itself, I get no errors, so all the things are working fine
Bjorn van de Peut
@bjorno43
Jan 11 2018 19:54

@VaseJS I haven't tested vh. I guess it'll have the same results though. It's like this:

---------------------
| 100vh | 100vh |
---------------------

Changing to:

-----------
| 100vh |
-----------
| 100vh |
-----------
VaseJS
@VaseJS
Jan 11 2018 19:55
veiw height will fit to the size of the media which can be slightly different than 100% depending on the circumstances
Bjorn van de Peut
@bjorno43
Jan 11 2018 19:56
It might work. As I said, I haven't tested it. I'll keep it in mind though for when I continue that project
VaseJS
@VaseJS
Jan 11 2018 19:56
no problem
Bjorn van de Peut
@bjorno43
Jan 11 2018 19:59
But you were definitely on point that I should focus on how responsive design actually works and not rely on bootstrap for it. Like all "libraries" out there, it's often the same as hiring a truck to move a single chair. You don't need 70 / 80% of it
VaseJS
@VaseJS
Jan 11 2018 20:02
then bootstrap adds bugs and issues you would have never had. that’s the worse. after i learned proper css with modern techniques…i never looked back. but i do now have a better understanding of when and why i would use bootstrap
Gersho
@Gersho
Jan 11 2018 20:14
are you sure it's a height issue ? it looks more like a width or col- issue
Bjorn van de Peut
@bjorno43
Jan 11 2018 20:17
I'm sure. Removing the height solves it straight away. Well, it removes the height on desktop devises as well which is undesirable. But it was just an example. I could easily fix it by removing the height on mobile viewports only and setting up a max-height instead
Gersho
@Gersho
Jan 11 2018 20:26
i see
btw why would you want them side by side anyway ? on mobile the visibility would be horrible no ?
Aditya
@ezioda004
Jan 11 2018 20:28
Quick question, thoughts on pushing FCC projects to github?
Kyle Holm
@thekholm80
Jan 11 2018 20:28
i have some of my fcc projects on github
i think that's about all i have on there, tbh
Aditya
@ezioda004
Jan 11 2018 20:29
I think I'll do it too, more activity on github is not gonna hurt
Gersho
@Gersho
Jan 11 2018 20:29
i should put mines too, i want those tasty green squares
Kyle Holm
@thekholm80
Jan 11 2018 20:30
when you get to the later projects you'll need to have the code visible somewhere when you turn the project in, i'm pretty sure they suggest github for that
they used to suggest hosting the project on Heroku and the code on Github, and you'd turn in links to both
Albert Cardona II
@daddycardona
Jan 11 2018 20:31
@daddycardona The reason that we control the scope of our jquery is that in that world, you're often pulling in jquery plugins which may contain breaking changes to your other plugins/vanilla jquery usage. By scoping each library's usage away from each other, we can make sure they play well together
Aditya
@ezioda004
Jan 11 2018 20:32
@thekholm80 Is Heroku similiar to github pages?
Gersho
@Gersho
Jan 11 2018 20:32
you mean like have 2 plugins that have methods that share names ? @daddycardona
Albert Cardona II
@daddycardona
Jan 11 2018 20:33
^ thanks @kbaig I did not know that. also did not know that JS math is wierd for me lol @thekholm80 showed me that
CamperBot
@camperbot
Jan 11 2018 20:33
daddycardona sends brownie points to @kbaig and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 514 | @kbaig |http://www.freecodecamp.org/kbaig
:star2: 1663 | @thekholm80 |http://www.freecodecamp.org/thekholm80
Albert Cardona II
@daddycardona
Jan 11 2018 20:33
I was just quoting kaz
Kyle Holm
@thekholm80
Jan 11 2018 20:34
@ezioda004 maybe? I've never used github pages before. Heroku provides a Node environment for you to run your full stack projects on
Albert Cardona II
@daddycardona
Jan 11 2018 20:34
I don't understand the importance of github yet as I am still learning but as far as I know right now it is a coding storage place
Bjorn van de Peut
@bjorno43
Jan 11 2018 20:35
@Gersho No you misunderstood. Of course I wouldn't want them side by side on mobile. The problem was that it retains the height when moving from side by side to underneath eachother. The height is set for desktop, but therefor messes up on mobile
Kyle Holm
@thekholm80
Jan 11 2018 20:35
@daddycardona it's just like Facebook, only instead of likes you get stars, instead of pictures of your kids you put code, and instead of old ladies posting everywhere it's devs. Okay, it's nothing like Facebook
Gersho
@Gersho
Jan 11 2018 20:35
oh ok
slri
@slri
Jan 11 2018 20:36
@daddycardona it's pinterest for the real nerds
Gersho
@Gersho
Jan 11 2018 20:36

@ezioda004 maybe? I've never used github pages before. Heroku provides a Node environment for you to run your full stack projects on

i don't think github has backend support, it's only for page hosting afaik

slri
@slri
Jan 11 2018 20:37
@Gersho you're right, you can have jekyll blogs on there, but that's it
Kyle Holm
@thekholm80
Jan 11 2018 20:37
that's sad. the back end part is the most fun
slri
@slri
Jan 11 2018 20:37
that's why you get heroku :^)
Gersho
@Gersho
Jan 11 2018 20:37
so far when i needed backend i used a virtual machine and hosted it myself
slri
@slri
Jan 11 2018 20:37
or you just expose your local server with ngrok or something lmao
Gersho
@Gersho
Jan 11 2018 20:37
but i didn't need anything to be online so far
Aditya
@ezioda004
Jan 11 2018 20:38
Ah I see, thanks @Gersho and @thekholm80
CamperBot
@camperbot
Jan 11 2018 20:38
ezioda004 sends brownie points to @gersho and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 571 | @gersho |http://www.freecodecamp.org/gersho
:star2: 1664 | @thekholm80 |http://www.freecodecamp.org/thekholm80
Kyle Holm
@thekholm80
Jan 11 2018 20:38

i would hate to be in charge of my own security lol

or you just expose your local server with ngrok or something lmao

slri
@slri
Jan 11 2018 20:38
i just expose my host instead of bothering with anything
Gersho
@Gersho
Jan 11 2018 20:38

i would hate to be in charge of my own security lol
or you just expose your local server with ngrok or something lmao

that's because you assume other people are doing a serious job

slri
@slri
Jan 11 2018 20:38
there's a really really small chance that you'll actually get haxed, and if i do i'd take the risk for the sole purpose of not having to do much
Gersho
@Gersho
Jan 11 2018 20:39
when i'm back home i plan to convert one of the old laptops into a server
Kaz Baig
@kbaig
Jan 11 2018 20:39
@daddycardona While it's true that it's valuable to be able to push and pull your code from an online store, the real value of Github is that you can do that for "git repositories". Git is a "version control system"
slri
@slri
Jan 11 2018 20:39
i exposed my facebook bot like that, it's not as spoopy as others make it out to be
Kyle Holm
@thekholm80
Jan 11 2018 20:39
I've considered buying a raspberry pi and trying that out, i just haven't done it yet
Kaz Baig
@kbaig
Jan 11 2018 20:39
Which basically is an automated way to set backups every time you make changes
slri
@slri
Jan 11 2018 20:39
i remember my ex turned one of his old towers into a test server and got ddosed lmao
Gersho
@Gersho
Jan 11 2018 20:40
also if you get hacked you actually know it, rather than the company hosting your stuff pretending nothing happened (yeah i don't trust corpotation too much)
Albert Cardona II
@daddycardona
Jan 11 2018 20:40
@kbaig with all that knowledge ;)
slri
@slri
Jan 11 2018 20:40
well, if you get ddosed you have no internet for the next month lmao
Kyle Holm
@thekholm80
Jan 11 2018 20:41
@daddycardona github makes collaboration easy, too. feels good when someone else makes improvements to your projects
slri
@slri
Jan 11 2018 20:41
but if you actually get hacked, on every hosting service you actually have logs
Gersho
@Gersho
Jan 11 2018 20:41
github is also a a backup of your stuff (don't forget 3.2.1 backup !)
slri
@slri
Jan 11 2018 20:42
so if you're only going with hosting things locally for the sole purpose of knowing exactly what's going on, that's bad
Gersho
@Gersho
Jan 11 2018 20:42
only full project i've made so far is for LAN use so VM was really the only way to go
slri
@slri
Jan 11 2018 20:44
honestly, i don't think it's a smart idea to actually legitly host things locally
i only expose when i need a local webhook working for testing purposes
everything else can be done locally, even without a vm
Gersho
@Gersho
Jan 11 2018 20:46
vm allows you to keep whatever trouble you get inside the VM, i wouldn't do stuff on my host system
and for LAN use i didn't really have a choice anyway
slri
@slri
Jan 11 2018 20:50
well, yeah, if you're doing some stuff you don't know how to do, then yep
Bjorn van de Peut
@bjorno43
Jan 11 2018 20:58
Ok this is just dark..
Assignment: Without naming your country, name a food from your country and others will guess where you're from.
Question: What's food?
Answer: Ethiopia
Albert Cardona II
@daddycardona
Jan 11 2018 20:59
OMG that is horrible LMAO
Kyle Holm
@thekholm80
Jan 11 2018 21:07
lol
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:07
lol
slri
@slri
Jan 11 2018 21:07
that's so true
Kaz Baig
@kbaig
Jan 11 2018 21:10
LMAO
Sorry I died laughing at the Arabia one - hits too close to home
Also, conveniently almost looks like the (Saudi) Arabia and America ones are holding hands ;)
Gersho
@Gersho
Jan 11 2018 21:14
old news :P
Albert Cardona II
@daddycardona
Jan 11 2018 21:16
where is saudi arabis hand under the desk wth
LOL
Kaz Baig
@kbaig
Jan 11 2018 21:17
Yep definitely holding hands ;)
slri
@slri
Jan 11 2018 21:19
under belt area "hands"? :^)
Kaz Baig
@kbaig
Jan 11 2018 21:19
:^)
Hit em with the dorito
Kyle Holm
@thekholm80
Jan 11 2018 21:30
I'm a skeleton and that's offensive
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:30
lol xD
Kyle Holm
@thekholm80
Jan 11 2018 21:30
:D
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:31
I've got sooo many memes on my pc here. Too bad most are inappropiate to post here xD
Kaz Baig
@kbaig
Jan 11 2018 21:32
Share link to bin with all of them :D
Kyle Holm
@thekholm80
Jan 11 2018 21:32
this is my most favorite thing
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:34
Aww that's cute :P
Gersho
@Gersho
Jan 11 2018 21:37
lol
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:37
But for programming, this is one of the best I've seen:
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:39
Old bobby tables.. xD
RafaelRoman
@RafaelRoman
Jan 11 2018 21:41
Hello world!
Bjorn van de Peut
@bjorno43
Jan 11 2018 21:41
Now imagine the entire world all saying hello back in cord
Gersho
@Gersho
Jan 11 2018 21:51

Now imagine the entire world all saying hello back in cord

that's called a ddos

oh and hello @RafaelRoman
Aditya
@ezioda004
Jan 11 2018 22:00
https://i.stack.imgur.com/ssRUr.gif
came across this awhile back, still gets me
Gersho
@Gersho
Jan 11 2018 22:02
that's sad
Aditya
@ezioda004
Jan 11 2018 22:02
That related question "Where are my legs" :laughing:
Bjorn van de Peut
@bjorno43
Jan 11 2018 22:11
I honestly agree with them though. You definitely need jQuery for that! xD
Duvan Flores
@iDuvancho303
Jan 11 2018 22:57
how do I copy and paste code here ??
`` and at the end ... ?
Bjorn van de Peut
@bjorno43
Jan 11 2018 22:58
'''
CamperBot
@camperbot
Jan 11 2018 22:58
:bulb: to format code use backticks! ``` more info
Gersho
@Gersho
Jan 11 2018 22:58
3 ` before and 3 after (on separate lines)
Bjorn van de Peut
@bjorno43
Jan 11 2018 22:59
So basicly:
3 backtics
code
3 backtics
Gersho
@Gersho
Jan 11 2018 22:59
oh so that's what it's called in english
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:00
Yup. ` = backtic ' = single quote " = double quote
Gersho
@Gersho
Jan 11 2018 23:00
in french it's an accent, we use if for àè
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:00
Ye in Dutch as well
RafaelRoman
@RafaelRoman
Jan 11 2018 23:00
how can I use an image with a link? How @Gersho used for chat
Gersho
@Gersho
Jan 11 2018 23:01
paste the link it's automatic
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:01
You simply paste the url ending with an image extension like jpg / png
RafaelRoman
@RafaelRoman
Jan 11 2018 23:01
I want to use for code pen
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:02
The chat recognises codepen as well. Simply paste your codepen link and the chat does everything else for you
Gersho
@Gersho
Jan 11 2018 23:03
so many fancy option, and we still can't clear unread message from multiple rooms at once
RafaelRoman
@RafaelRoman
Jan 11 2018 23:03
I understand
slri
@slri
Jan 11 2018 23:10

"Hey PHP, what's the time?"

false

image.png
(never ask for big years on a 32 bit install uwu)
RafaelRoman
@RafaelRoman
Jan 11 2018 23:15
I want a image on google to put in the html code to codepen. I did it. To see the image I have to click right and select View Image. It's all right?
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:18
That's part of it, yes. You View the image. Get the url. Put it in your HTML: <img src='https://url_to_img_here.com/image.jpg'>
RafaelRoman
@RafaelRoman
Jan 11 2018 23:20
Yes, I use and <img src="...">
Gersho
@Gersho
Jan 11 2018 23:20

(never ask for big years on a 32 bit install uwu)

year 2038 max on 32bit

are you using the image's actual url or the google cache one ?
slri
@slri
Jan 11 2018 23:22
i forgot i installed the 32 bit version, i thought i fked up somewhere xd
slri
@slri
Jan 11 2018 23:24
oh boy...
that's a google link, you need a direct link to the image itself
RafaelRoman
@RafaelRoman
Jan 11 2018 23:24
I put the image in
Html code
How I can know the directly link?
slri
@slri
Jan 11 2018 23:25
you know it's a direct link if it ends with one of the image file format extensions like .jpg, .jpeg, .png, .gif
google has a button that says "view image" which will take you to the link of the image itself.
Stephen James
@sjames1958gm
Jan 11 2018 23:26
RafaelRoman
@RafaelRoman
Jan 11 2018 23:27
Wow..:))
Thx! :smile:
Gersho
@Gersho
Jan 11 2018 23:29

google has a button that says "view image" which will take you to the link of the image itself.

some sites will force a redirection to their site (twitter comes to mind)

but yeah that works most of the time
Stephen James
@sjames1958gm
Jan 11 2018 23:31
@RafaelRoman I clicked on that link above, then I clicked on that image (in Google images)which took me to another page which had this image.
RafaelRoman
@RafaelRoman
Jan 11 2018 23:32
@RuinIsProbablyTaken @sjames1958gm @Gersho Thank you! :smile:
CamperBot
@camperbot
Jan 11 2018 23:32
rafaelroman sends brownie points to @ruinisprobablytaken and @sjames1958gm and @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @gersho |http://www.freecodecamp.org/gersho
:cookie: 752 | @ruinisprobablytaken |http://www.freecodecamp.org/ruinisprobablytaken
:star2: 8845 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:41
There are ways to trick the system though. For example:
Animated png :trollface:
Gersho
@Gersho
Jan 11 2018 23:45
trippy
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:46
How it works: The image.php file uses the id=40 to retrieve the image from my database. The f=image.png is just there to tell Gitter chat that it's an image. You can change that with anything you want like awecvnwao.jpg and it'll still work
Gersho
@Gersho
Jan 11 2018 23:47
a lot of work considering animated gif are supported by gitter ^^
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:48
Ye. But Gitter doesn't understand a website is serving an image without an image extension. If I do this, it won't work:
Gersho
@Gersho
Jan 11 2018 23:48
damn i've been on the chat all day and all i've done is sharing memes and reading mangas
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:48
Yet if I do this, it will work:
Gersho
@Gersho
Jan 11 2018 23:50
is there a reason to having the images in a db as opposed to serving them as static files ?
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:51
They're not actually in my database. It's a lot to explain. Perhaps you should read my answer to this question on Stack Overflow. That explains how it works and why: https://stackoverflow.com/questions/38509334/full-secure-image-upload-script/38712921#38712921
In short: Allowing users to upload images to your website is a major security risk if you have no idea what you're doing :P
Gersho
@Gersho
Jan 11 2018 23:54

In short: Allowing users to upload images to your website is a major security risk if you have no idea what you're doing :P

that makes a lot of sense, i did not consider user uploads, thanks

thanks @bjorno43
CamperBot
@camperbot
Jan 11 2018 23:54
gersho sends brownie points to @bjorno43 :sparkles: :thumbsup: :sparkles:
:cookie: 182 | @bjorno43 |http://www.freecodecamp.org/bjorno43
Bjorn van de Peut
@bjorno43
Jan 11 2018 23:57
Yup. I eventually ended up creating a PHP library for it that's been gaining a lot of popularity lately
Getting more and more emails from users regurly about it