These are chat archives for FreeCodeCamp/HelpFrontEnd

2nd
Feb 2017
Mike Boardley
@Boardley
Feb 02 2017 00:32
I'm just gonna throw this out there. I get why FCC uses Bootstrap for it's courses but for your own sanity, I would do Foundation 6 by Zurb.
WAY better. Not even close.
Diego Quintana
@diegoquintanav
Feb 02 2017 00:48
Hi guys
Can someone help to get the portfolio being displayed in codepen to work in a local IDE like VSCode?
I know it has to do with folder structure... I read https://css-tricks.com/forums/topic/web-folder-structure/ but there is not consensus on what is better to do. Also I can't find how to call a js or a css file from an index.html
jin feng
@khoboonhua
Feb 02 2017 00:53
hello, for the first assignment "Build a Tribute Page" we just use in html. can we also need to use some CSS inline?
Simeon Bourne
@Screechie
Feb 02 2017 00:54
@khoboonhua I guess you could but it might be better to get in the practice of using external css stylesheets
Diego Quintana
@diegoquintanav
Feb 02 2017 00:54
no, but for the following challenge the codepen has some jquery and css and in order to play with them is easier from an IDE... autocompletion and snippets and such.
Simeon Bourne
@Screechie
Feb 02 2017 00:55
@diegoquintanav to include external css use the link tag and for js user script tags
Diego Quintana
@diegoquintanav
Feb 02 2017 00:56
thanks @Screechie
CamperBot
@camperbot
Feb 02 2017 00:57
diegoquintanav sends brownie points to @screechie :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @screechie |http://www.freecodecamp.com/screechie
Simeon Bourne
@Screechie
Feb 02 2017 00:57
@diegoquintanav no problem
Venkat Polumahanti
@venkat4541
Feb 02 2017 01:15
Hi, I built a personal website but have an issue with getting a feature work on Firefox, would anyone be able to help me out?
It is related to jquery
MikePehel
@MikePehel
Feb 02 2017 01:15
Hey, my image is not displaying in codepen
checkmate-bitch
@checkmate-bitch
Feb 02 2017 01:18
Hey guys! No body seems to there in codereview so could you please review my wiki viewer
http://codepen.io/flash_code/full/YNYQOd/
Tony
@FreakishLancer
Feb 02 2017 01:20
That looks good. @checkmate-bitch Working fine on my end.
I like the added touch of the dropdown with the search suggestions. It would be a little better if positioned just below the search bar though.
checkmate-bitch
@checkmate-bitch
Feb 02 2017 01:22
@FreakishLancer could you please elaborate what you mean by touch below?
Tony
@FreakishLancer
Feb 02 2017 01:23
I mean that the search suggestions should be below the search bar, not to the right-bottom.
Simeon Bourne
@Screechie
Feb 02 2017 01:23
@MikePehel I believe when using images in codepen they have to be hosted
Ryan Stolliker
@rstolliker
Feb 02 2017 01:23
I have a question relating to HTML forms query strings. I have a page that takes some parameters in the url and uses them in a database search. When the user asks for a next page of results or changes the ordering, I open a new page. My question is this: how can I resend just some of the old parameters to the new page? IE if the user searches for "pear" and then navigates to page 2 of the results, I want to send along the old parameter of "pear" and a new parameter of "page=2" without the user entering pear again.
Simeon Bourne
@Screechie
Feb 02 2017 01:24
@MikePehel I don't think you can use locally stored images
checkmate-bitch
@checkmate-bitch
Feb 02 2017 01:24
@FreakishLancer could I get an image? It is below the search bar for me.
vínαч puppαl
@vinaypuppal
Feb 02 2017 01:27
@MikePehel You can use services like dropbox or https://postimage.io/ to host u r images and reference URL in your codepen code
checkmate-bitch
@checkmate-bitch
Feb 02 2017 01:29
@FreakishLancer woh! mine is perfectly in line with the input. What browser is that safari? Any suggestions?
Tony
@FreakishLancer
Feb 02 2017 01:29
It's Firefox.
Honestly, I have no idea why it's doing that. I would suggest Bootstrap since it makes responsive design easier, but your wikiviewer already looks good.
checkmate-bitch
@checkmate-bitch
Feb 02 2017 01:31
@FreakishLancer maybe this is working well only on chrome. Another problem I'll have to solve. Thanks man, valuable feedback!
CamperBot
@camperbot
Feb 02 2017 01:31
:cookie: 354 | @freakishlancer |http://www.freecodecamp.com/freakishlancer
checkmate-bitch sends brownie points to @freakishlancer :sparkles: :thumbsup: :sparkles:
Tony
@FreakishLancer
Feb 02 2017 01:32
Glad to help! @checkmate-bitch
antonio fuller
@antonio555fuller
Feb 02 2017 01:43
hey world;i ned help
Karthik Nallasivan
@furball514
Feb 02 2017 01:44
@antonio555fuller what's it
antonio fuller
@antonio555fuller
Feb 02 2017 01:46
just started need help trying to develop coding
Simeon Bourne
@Screechie
Feb 02 2017 01:52
@antonio555fuller you're in the right place
many people here can help you but you'll also need to be dedicated
antonio fuller
@antonio555fuller
Feb 02 2017 01:55
yea I'm on that dedicated
Simeon Bourne
@Screechie
Feb 02 2017 01:55
that's where it all starts...you must have a drive and a passion...at least that's how I got started
I'm pretty many other here can relate to that as well
just get started on the challenges and if you get stuck there's a wide community where you can get help
Just remember to try researching on your own first though...Google should be your first option
antonio fuller
@antonio555fuller
Feb 02 2017 01:57
what program is best to start coding
Adel
@AdelMahjoub
Feb 02 2017 01:57
@antonio555fuller you mean what langage ?
@antonio555fuller for a very first langage, I think Turbo Pascal then C
Simeon Bourne
@Screechie
Feb 02 2017 01:59
don't know if there is a best language to start with but what I would say is that it has a lot more to do with how you think
Adel
@AdelMahjoub
Feb 02 2017 02:00
best langage to start with in my opinion is a langage that when learning it , learning anyother langage will be easier
Simeon Bourne
@Screechie
Feb 02 2017 02:01
problem solving skills to me are more important...Languages you will pick up more easily as you go along
Adel
@AdelMahjoub
Feb 02 2017 02:02
in schools they teach pascal along with algorithm classes, I guess that's for a reason, how can one solve a problem if can't use the appropriate tool
so at first , learning how to fragment a problem, some maths, some algorithms, and a langage like pascal, and you are set up for life
Simeon Bourne
@Screechie
Feb 02 2017 02:03
I'm not saying the tools aren't useful but to me learning to think instead of just learning languages puts you at an advantage in my opinion
Adel
@AdelMahjoub
Feb 02 2017 02:04
but how one can learn to think,
the closest answer in my opinion, is by practice one can learn to think
and for practice, one needs a tool
Simeon Bourne
@Screechie
Feb 02 2017 02:05
a pen and a paper can be tools
Adel
@AdelMahjoub
Feb 02 2017 02:06
nice,
Simeon Bourne
@Screechie
Feb 02 2017 02:06
algorithms don't need IDEs or Frameworks
Adel
@AdelMahjoub
Feb 02 2017 02:06
true, so learning how to write algorithm may be the first step
Simeon Bourne
@Screechie
Feb 02 2017 02:07
yea I think so
Tools have their place but I believe they only facilitate your thinking
I am by no means an expert but learning tools has gotten me nowhere...especially without knowing the basics
Adel
@AdelMahjoub
Feb 02 2017 02:09
that may take a lot of time, learning the basics
Simeon Bourne
@Screechie
Feb 02 2017 02:10
yes but in the end it will pay off more
let's say most babies took only 3 months to learn to walk
Do you see my point?
I think many of us would be horrible at running if that were the case
We have creeping stages before we walk..then we walk before we run
Anything of worth takes time to mold
Adel
@AdelMahjoub
Feb 02 2017 02:12
in my experience, there is only one way to learn, and it is failures and mistakes
Simeon Bourne
@Screechie
Feb 02 2017 02:12
We are all examples of that...the person you are today isn't who you were 10 years ago
Yup that couldn't be more true
Adel
@AdelMahjoub
Feb 02 2017 02:12
and steel motivation
Simeon Bourne
@Screechie
Feb 02 2017 02:14
that's right
coding can be daunting sometimes
Adel
@AdelMahjoub
Feb 02 2017 02:15
it consume a lot of time
Simeon Bourne
@Screechie
Feb 02 2017 02:15
that as well
but it's worth it in the end
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 02:47
Hi
I want to include a js file which is up a folder and go into src. so from project/public/home.html to project/src/home.js
I tried using ../src/home.js
but it doesn't seem to work
but somehow it works if home.js is inside public
and I just have to use src="/home.js"
Simeon Bourne
@Screechie
Feb 02 2017 02:50
@tienanh2007 are you using a framework of some type?
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 02:51
nope
Simeon Bourne
@Screechie
Feb 02 2017 02:52
ok
could you send a screenshot?
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 02:54
Screen Shot 2017-02-01 at 9.53.02 PM.png
I dont have an index.html file at root folder
does that have anything to do with the problem ?
I just have a public folder full of html files
Simeon Bourne
@Screechie
Feb 02 2017 02:55
I don't think it should be as long as you are referencing the script from within the html file where you want it to run
Dan
@RetartedZombie
Feb 02 2017 02:56
@tienanh2007 maybe try full filepath? eg. src="project/src/home.js"
Simeon Bourne
@Screechie
Feb 02 2017 02:56
I'm not seeing a script in your screenshot for home.js
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 02:56
it is mainpage.js
sorry
Simeon Bourne
@Screechie
Feb 02 2017 02:56
oh ok i see
so mainpage.js resides in your src folder?
can you screenshot the file tree?
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 02:59
Screen Shot 2017-02-01 at 9.58.45 PM.png
Screen Shot 2017-02-01 at 9.59.19 PM.png
Screen Shot 2017-02-01 at 9.59.12 PM.png
I tried src="~/firstWork/src/mainpage.js"
doesn't work also
wait no
Simeon Bourne
@Screechie
Feb 02 2017 03:02
I don't think you should have to use an absolute path...a relative file path should work
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 03:02
it doesn't work when I serve it on the node server
offline work
Nickywrx
@Nickywrx
Feb 02 2017 03:02
Hello, I come from china. I first use of free code camp
Simeon Bourne
@Screechie
Feb 02 2017 03:03
ohhh...you're using node
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 03:03
so maybe I'm missing something on my server.js node file
Simeon Bourne
@Screechie
Feb 02 2017 03:04
that might be better answered in a backend room
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 03:04
Screen Shot 2017-02-01 at 10.03.58 PM.png
ok I'll bring it there
Simeon Bourne
@Screechie
Feb 02 2017 03:04
i have little experience with node but here might not be the right place for that
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 03:04
@Screechie thx you for the help though
CamperBot
@camperbot
Feb 02 2017 03:04
tienanh2007 sends brownie points to @screechie :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @screechie |http://www.freecodecamp.com/screechie
Simeon Bourne
@Screechie
Feb 02 2017 03:04
you can private message me
vínαч puppαl
@vinaypuppal
Feb 02 2017 03:14

@tienanh2007 since u set express static middleware to use src folder in u r html u can directly reference like this

<script src='mainpage.js'></script>

Express will resolve it from src folder.

Simeon Bourne
@Screechie
Feb 02 2017 03:15
yup that would be it
Tien Anh Nguyen
@tienanh2007
Feb 02 2017 03:17
@vinaypuppal yep it works thx you
CamperBot
@camperbot
Feb 02 2017 03:17
tienanh2007 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 659 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Simeon Bourne
@Screechie
Feb 02 2017 03:18
nice!!
next time you may need to use a backend room though or others here may assume it's a frontend issue
that was why iasked the intial question on frameworks
initial*
Ricky Martinez
@Rmartinez532
Feb 02 2017 04:05
Hello everyone, I'm currently just starting my tribute page on FCC but i can't seem to figure out how to add an image on Codepen? I am currently trying to figure it out using cloudinary, but it doesn't show up in my preview. Any help would be highly appreciated.
Gulsvi
@gulsvi
Feb 02 2017 04:07
@Rmartinez532 Can you show us your codepen? Maybe there's a typo in the code
Ricky Martinez
@Rmartinez532
Feb 02 2017 04:09
@SkyCoder01 This is what i have under html<img src:"http://res.cloudinary.com/dbuqstcrc/image/upload/v1486007980/ProPage_headshot_ShaneOneil_sz0udi.jpg">
Gulsvi
@gulsvi
Feb 02 2017 04:10
@Rmartinez532 <img src=, not <img src:
Ricky Martinez
@Rmartinez532
Feb 02 2017 04:11
Thank You! Smallest thing and i completely missed that, Have been trying to figure out what i was doing wrong for over half an hour.
Gulsvi
@gulsvi
Feb 02 2017 04:13
You're welcome ;)
Corey Pope
@Comfubar
Feb 02 2017 04:19
I accidentally sent the Codepen.io for the example codepen on the video i pasted it after copying it when trying to look at an example
how do i get the challenge back or reset ?
KaviJo
@KaviJo
Feb 02 2017 04:24
hi everyone. how are you? i am doing the tic tact toe game challenge and i am having some issues with the AI. it is not responding at all. I was wondering if anyone could help me with that pleeeeassse
h1tag
@h1tag
Feb 02 2017 04:49
@Comfubar When you complete the project, hit the "I've completed this challenge" button again and you can submit a new link
Jon Berard
@turdfurgeson
Feb 02 2017 04:51
Anyone give me a pointer/tip on how to link different sections of portfolio page to navbar in codepen? I'm just tring to get my nav menu to take user to correct section of site. Can't figure out how to find the actual link in codepen.
http://codepen.io/turdfurgeson/pen/apVvzV
Corey Pope
@Comfubar
Feb 02 2017 04:54
@fortMaximus Awesome Thank you
CamperBot
@camperbot
Feb 02 2017 04:54
comfubar sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
h1tag
@h1tag
Feb 02 2017 05:00
@turdfurgeson did you try google?
Jon Berard
@turdfurgeson
Feb 02 2017 05:01
@fortMaximus yeah. I get lost in the google "codepen" search where nothing relevant comes up.
h1tag
@h1tag
Feb 02 2017 05:02
@turdfurgeson try searching for: "how to make buttons link to sections in page html"
Jon Berard
@turdfurgeson
Feb 02 2017 05:08
@fortMaximus see I need <a> tags with IDs and then I link them back through <a href> tags?
@fortMaximus got it working. thanks for the hint and not the direct answer. Much appreciated.
CamperBot
@camperbot
Feb 02 2017 05:10
turdfurgeson sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
GavinB-1
@GavinB-1
Feb 02 2017 05:24
how do i start a personal portfolio webpage
h1tag
@h1tag
Feb 02 2017 05:30
@GavinB-1 what do you mean by start?
you just open a new codpen pen and start writing code
GavinB-1
@GavinB-1
Feb 02 2017 05:33
oh ok just got confused thx
Xyrus Pangyarihan
@xyruspangyarihan
Feb 02 2017 05:51
Hey guys! Check out my personal portfolio! :D
https://codepen.io/xmpangyarihan/full/ggwxVW/
h1tag
@h1tag
Feb 02 2017 05:56
@xyruspangyarihan good job. You've also got somewhat advanced effects in there ;)
Xyrus Pangyarihan
@xyruspangyarihan
Feb 02 2017 05:58
@fortMaximus thanks!
CamperBot
@camperbot
Feb 02 2017 05:58
xyruspangyarihan sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Dan
@RetartedZombie
Feb 02 2017 06:11

Has anyone worked on the Wikipedia viewer project?
Having trouble getting JSON response formatted correctly.

function wikiRequest(searchString){
    var requestString = "https://en.wikipedia.org/w/api.php?action=query"
    +"&prop=extracts|info"
    +"&format=json"
    +"&exsentences=1"
    +"&exlimit=10"
    +"&exintro="
    +"&explaintext="
    +"&inprop=url"
    +"&generator=search"
    +"&redirects="
    +"&gsrsearch=" + searchString + 
    +"&gsrlimit=10"
    +"&callback=?"
    +"&origin=*"

    var jsonRequest = new XMLHttpRequest();

    jsonRequest.open("get", requestString, true);
    jsonRequest.onload = function(){
        var results = jsonRequest.responseText;
        console.log(results);
    };
    jsonRequest.send();
}


wikiRequest("sharks");

Can't parse results through JSON.parse() due to error:
"SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data"

when I run without JSON.parse I see there is strange prepended string/chars:
/**/({"batchcomplete":"","continue":{"gsroffset":10,"co

Any ideas on why the /**/ is there?

@fortMaximus nah the JSON response text has /**/ at the beginning so JSON.parse() throws error
Dan
@RetartedZombie
Feb 02 2017 06:16
I realise I could just trim the first few characters off the string but I guess just curious why it's there?
h1tag
@h1tag
Feb 02 2017 06:17
@RetartedZombie why not just use getJSON() instead of all of this, like this:
getJSON(url, function(response){

});
Dan
@RetartedZombie
Feb 02 2017 06:18
That's Jquery, yeh?
h1tag
@h1tag
Feb 02 2017 06:18
yes
Dan
@RetartedZombie
Feb 02 2017 06:19
not too familiar with Jquery yet. I'll look into it.
thanks @fortMaximus
CamperBot
@camperbot
Feb 02 2017 06:20
retartedzombie sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
JMNofziger
@JMNofziger
Feb 02 2017 06:20
Heyo, https calls to OpenWeather api don't work. Did anyone find a good workaround so that they could post their work to codepen?
h1tag
@h1tag
Feb 02 2017 06:21
it's not that hard, it's easier than the code you're using. You just give it the request url and a function to do something when the response is received @RetartedZombie
JMNofziger
@JMNofziger
Feb 02 2017 06:21
https isn't actually valid but location calls won't work in Chromium if the request isn't sent over TLS/SSL
h1tag
@h1tag
Feb 02 2017 06:22
@RetartedZombie Also, you should've learned how to use it by now (by passing the challenges)
Coy Sanders
@coymeetsworld
Feb 02 2017 06:22
you can use openweather http calls on codepen @JMNofziger, just don't access codepen through secure connection
JMNofziger
@JMNofziger
Feb 02 2017 06:22
I meant the https connection to codepen isn't valid
@coymeetsworld If I don't access codepen via secure connection then browser location service won't work on chromium
Coy Sanders
@coymeetsworld
Feb 02 2017 06:24
you can try to generate your location through http://ip-api.com/json
JMNofziger
@JMNofziger
Feb 02 2017 06:24
@coymeetsworld yPAJjYgjpBQA:187 getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
Coy Sanders
@coymeetsworld
Feb 02 2017 06:24
yes I'm aware of that on Chrome, should honestly be blocked on other browsers too
if you prefer to use that then you'll need to find another service that allows free https service, i don't know of any but there are some
Dan
@RetartedZombie
Feb 02 2017 06:25
@fortMaximus yes for changing elements on a page. Not for ajax calls.
JMNofziger
@JMNofziger
Feb 02 2017 06:26
@coymeetsworld gotcha... I figured I could find some workaround but since the 'zipliine' calls for me to use codepen I wasn't sure if I was missing something
Coy Sanders
@coymeetsworld
Feb 02 2017 06:26
you can use codepen
you just can't mix up your protocol calls, you can't make http requests in a https session, or vice versa
JMNofziger
@JMNofziger
Feb 02 2017 06:27
right, I can't use "getCurrentPosition() " with codepen
Coy Sanders
@coymeetsworld
Feb 02 2017 06:27
yes you can
h1tag
@h1tag
Feb 02 2017 06:27
@RetartedZombie also, the "action" keyword in your url doesn't do a search on Wikipedia website and you don't need to use all the other keywords in url
Coy Sanders
@coymeetsworld
Feb 02 2017 06:27
but only on secure connections
JMNofziger
@JMNofziger
Feb 02 2017 06:27
I can?
Coy Sanders
@coymeetsworld
Feb 02 2017 06:27
you posted the message :) read it
the problem is openweather won't work because that uses a http call
JMNofziger
@JMNofziger
Feb 02 2017 06:28
haha but I can't make a secure connection because the api won't take an https call
Coy Sanders
@coymeetsworld
Feb 02 2017 06:28
correct, so i gave some options on how to resolve that
h1tag
@h1tag
Feb 02 2017 06:28
@RetartedZombie what about the "Get JSON with the jQuery getJSON Method" challenge?
JMNofziger
@JMNofziger
Feb 02 2017 06:28
Dude, I think we're on the same page here. Thanks @coymeetsworld
CamperBot
@camperbot
Feb 02 2017 06:28
jmnofziger sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1995 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 02 2017 06:28
yw
h1tag
@h1tag
Feb 02 2017 06:30
Hi @coymeetsworld :smile:
CamperBot
@camperbot
Feb 02 2017 06:30

welcome to FreeCodeCamp @fortMaximus!

Coy Sanders
@coymeetsworld
Feb 02 2017 06:32
@fortMaximus hello
Dan
@RetartedZombie
Feb 02 2017 06:34
@fortMaximus forgot about that one.
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:42
hey guys, i need some help with this page restaurant-agni.de/index_beta.html
When i Open this in mobile device, the navbar does not align itself with the screen width and he content, but when i check it on desktop browser window it works fine even on resizing it. Any suggestions on how to fix this?
h1tag
@h1tag
Feb 02 2017 07:44
@shivanksharma91 try Bootstrap
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:45
@fortMaximus its with Bootstrap
h1tag
@h1tag
Feb 02 2017 07:46
@shivanksharma91 you're not using container and col-*-* classes, right?
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:46
@fortMaximus i am
h1tag
@h1tag
Feb 02 2017 07:48
@shivanksharma91 idk, I used "view page source", then ctrl + f to look for "container" or "col--" I didn't find anything
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:48
@fortMaximus are u talking about it in the navbar code?
h1tag
@h1tag
Feb 02 2017 07:49
@shivanksharma91 this url: http://restaurant-agni.de/index ??
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:49
@fortMaximus nope
Denis
@komatalib
Feb 02 2017 07:52
@itsacoyote Thanks for help :) Now looks good
CamperBot
@camperbot
Feb 02 2017 07:52
komatalib sends brownie points to @itsacoyote :sparkles: :thumbsup: :sparkles:
:cookie: 401 | @itsacoyote |http://www.freecodecamp.com/itsacoyote
h1tag
@h1tag
Feb 02 2017 07:54
@shivanksharma91 I'm not sure I can help you with this but can you post a screenshot of how it looks on your mobile
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:55
@fortMaximus u tried opening it on a mobile device?
h1tag
@h1tag
Feb 02 2017 07:56
@shivanksharma91 yea, It looks fine for me. I'm not sure what's your problem
Shivank Sharma
@shivanksharma91
Feb 02 2017 07:56
@fortMaximus can u see the collapsed navbar? try scrolling it left or right , u will understrand
h1tag
@h1tag
Feb 02 2017 07:59
@shivanksharma91 I'm not sure I can help you. This is advanced for me :worried:
Shivank Sharma
@shivanksharma91
Feb 02 2017 08:00
@fortMaximus hmm, no problems :)
kirbyedy
@kirbyedy
Feb 02 2017 08:05
@shivanksharma91 its because you have position fixed on the navbar
Screen Shot 2017-02-02 at 10.05.38.png
Shivank Sharma
@shivanksharma91
Feb 02 2017 08:09
@kirbyedy Thanks a lot, solved it. was stuck with this since yeserday :P
CamperBot
@camperbot
Feb 02 2017 08:09
shivanksharma91 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1726 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Shivank Sharma
@shivanksharma91
Feb 02 2017 08:11
@kirbyedy 1 more help i need, how to stop the page scrolling left?
kirbyedy
@kirbyedy
Feb 02 2017 08:16
check your width
vínαч puppαl
@vinaypuppal
Feb 02 2017 08:19
@shivanksharma91 remove 100% width in .sectionHome>a>i and somewhere u have overflowing element which i am not able to find. Quick and Easy fix is
html {
 overflow-x: hidden;
}
Why doesn't the margin show up in portfolio section?
Wow it looks horrible on here lol
Ajith
@ajithvallabai
Feb 02 2017 08:29
hi could anyone help ?
angular/quickstart#359 in this issue.how to update my SHELL env var by pointing it to my git bash location. with this command
export SHELL="/c/Program Files/Git/bin/bash" Where should i execute this command
vínαч puppαl
@vinaypuppal
Feb 02 2017 08:35
@katsuya245126 thats becoz in HTML u defined portfolio-item on style attribute it should be on class attribute
@katsuya245126 u have this
<div class="col-sm-4" style="background-color: red; portfolio-item">
buiphuking
@buiphuking
Feb 02 2017 08:35
what should i use : <div id="header"> </div> or <header> <header>?????????????
BEL. Yacine
@ByZource
Feb 02 2017 08:36

http://codepen.io/ByZource/pen/zNWWaK

Please halp me with the Twitch TV project, is this the good way to go with it? the <div's> are driving me nuts

Sung Guk Lee
@katsuya245126
Feb 02 2017 08:38
@vinaypuppal Thanks dude!
CamperBot
@camperbot
Feb 02 2017 08:38
katsuya245126 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 662 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
JackeL
@jackel27
Feb 02 2017 08:41
Anyone have any questions? Me, @AkiraLaine and @simulatedgreg are answering any on FCC Stream Channel: twitch.tv/freecodecamp
vínαч puppαl
@vinaypuppal
Feb 02 2017 08:41
@buiphuking header element is more appropriate and semantic than a div with #header. U can read more about Semantic html tags here http://html5doctor.com/lets-talk-about-semantics/
BEL. Yacine
@ByZource
Feb 02 2017 09:05

http://codepen.io/ByZource/pen/zNWWaK

How can I have all the information of one channel on one row please?

h1tag
@h1tag
Feb 02 2017 09:08
@ByZource use display: inline; on the elements that you want them to be on one row
i cant position the name can someone help me
and also the image is taking more than 600% height
vínαч puppαl
@vinaypuppal
Feb 02 2017 09:29

@neille2406 Hi, to have full width and height background image u can use this trick

body {
  margin: 0;
  min-height: 100vh;
  background-size: cover;
  position:relative;
}

I did not understood u question related to name positioning can u explain more clearly

kirbyedy
@kirbyedy
Feb 02 2017 09:34
@neille2406 margin-left: 620px; ?
Aman saxena
@neille2406
Feb 02 2017 09:36
@kirbyedy ya for the name to position it
kirbyedy
@kirbyedy
Feb 02 2017 09:36
uh
where is that suppose to be positioned ?
cause if your screen is lets say 640px it will be almost out of the screen
Aman saxena
@neille2406
Feb 02 2017 09:38
almost in the center of the background pic
but u do check the code it works like that,even i dont knw there are so many problems witht the name and background image
@vinaypuppal i want the height to be that much only bcoz i need to add a footer in the end
i don't want it to cover the while page
Rob
@throb36
Feb 02 2017 09:40
var code=""
Aman saxena
@neille2406
Feb 02 2017 09:46
got it fixed
Alyanna
@amndz924
Feb 02 2017 09:54
Hello World! My name is Aly (pronounced like AW-LEE). I’m new. My friend told me about Free Code Camp, and got me interested in becoming a Front End Developer. I know nothing of it, so all the help, tips, and any info would be great!
CamperBot
@camperbot
Feb 02 2017 09:54

welcome to FreeCodeCamp @amndz924!

Darth Skywalker
@adityaparab
Feb 02 2017 09:55
@amndz924 welcome Awww-lee :)
sounds chinese!
Alyanna
@amndz924
Feb 02 2017 09:56
thanks @adityaparab . Full name is Alyanna (AW-LEE-YAW-NUH). Aly is just easier to say lol
CamperBot
@camperbot
Feb 02 2017 09:56
amndz924 sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 899 | @adityaparab |http://www.freecodecamp.com/adityaparab
Darth Skywalker
@adityaparab
Feb 02 2017 09:58
@amndz924 with name like that you'll find coding a lot less complicated compared to how complicated your name is
Yakup Emre Kekec
@Emre58
Feb 02 2017 09:59
Hi guys, I want to put my navigation bar above my picture and the heading but it seems to be aligned on the same level with the picture, can anyone help?
h1tag
@h1tag
Feb 02 2017 10:00
@Emre58 use z-index: 100; in css for the navigation bar
almaaganovic
@almaaganovic
Feb 02 2017 10:01
how to change blue glow of the input element when in focuse
Alyanna
@amndz924
Feb 02 2017 10:02
@adityaparab ha i hope so!
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:03
@fortMaximus it's unaffected by the code :(
h1tag
@h1tag
Feb 02 2017 10:03
@Emre58 can you show your codepen?
Darth Skywalker
@adityaparab
Feb 02 2017 10:04
@almaaganovic : just add a blue border to the input ;)
input:focus{
  border:1px solid blue;
}
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:04
its on dreamweaver, anyway I can share it?
h1tag
@h1tag
Feb 02 2017 10:05
@Emre58 copy the code to codepen
Darth Skywalker
@adityaparab
Feb 02 2017 10:05
@almaaganovic this is similar to bootstrap
input:focus { 
    border: 2px solid #9ecaed;
    border-radius: 7px;
    outline: none;
    box-shadow: 0 0 10px #9ecaed;
}
h1tag
@h1tag
Feb 02 2017 10:07
@adityaparab hi :)
Darth Skywalker
@adityaparab
Feb 02 2017 10:08
@fortMaximus Yo!
:+1:
KerryW1
@KerryW1
Feb 02 2017 10:16
Hey all, I've just started building my portfolio for the basic front end development projects, but am super lost in doing so. Should I go back through everything a 2nd time around to get a better feel for it? I built my tribute page pretty easily, but this portfolio is stumping the heck outta me
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:17
@KerryW1 I feel ya.
almaaganovic
@almaaganovic
Feb 02 2017 10:17
@adityaparab thank you. it works
CamperBot
@camperbot
Feb 02 2017 10:17
almaaganovic sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 901 | @adityaparab |http://www.freecodecamp.com/adityaparab
KerryW1
@KerryW1
Feb 02 2017 10:17
Felt like I did so well with the tribute page and then when I hit portfolio I felt like I ran straight into a wall! Lol
h1tag
@h1tag
Feb 02 2017 10:18
@KerryW1 it's not that hard once you figure it out. What are you stuck at?
KerryW1
@KerryW1
Feb 02 2017 10:19
Putting the HTML/CSS/JS together to just create the banner is a challenge for me. Granted I'm very new to all of coding, but I feel like I should be able to at least do that much @fortMaximus
Banner with working buttons that is*
h1tag
@h1tag
Feb 02 2017 10:23
@Emre58 add position: fixed;
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:25
@fortMaximus didnt work either.
h1tag
@h1tag
Feb 02 2017 10:28
@Emre58 update the code on codepen
add z-index: 100; position: fixed;
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:31
@fortMaximus done, but it seems to to just overlap and stay on the top regardless of where I scroll rather than staying top.
@fortMaximus it looks cooler though thank you :D
CamperBot
@camperbot
Feb 02 2017 10:31
emre58 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
h1tag
@h1tag
Feb 02 2017 10:31
@Emre58 I thought this what you're asking for
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:34
@fortMaximus I was asking if I could put the bar staticly top side above the picture and the writings
h1tag
@h1tag
Feb 02 2017 10:41
@Emre58 I think it's because you're putting them on the same row, in the same <div class="row"
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:41
so I should try seperating from the division then.
h1tag
@h1tag
Feb 02 2017 10:43
@Emre58 yea, if you don't want them on the same row, you should use a <div class="row" for each one
Yakup Emre Kekec
@Emre58
Feb 02 2017 10:43
@fortMaximus ok lemme try, thanks again
CamperBot
@camperbot
Feb 02 2017 10:43
emre58 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:warning: emre58 already gave fortmaximus points
Muhammad Hasham
@MohammadHasham
Feb 02 2017 10:49
what should be one's dream job as a web developer?
almaaganovic
@almaaganovic
Feb 02 2017 10:57
is header tag at the top of the page or inside <body>
alpox
@alpox
Feb 02 2017 10:57
@almaaganovic header inside, head is between first html tag and body
be aware that head and header tags are totally different things
almaaganovic
@almaaganovic
Feb 02 2017 10:59
@alpox ok can you explain the difference?
alpox
@alpox
Feb 02 2017 11:01
@almaaganovic in the head tag you define metainformation and imports to the page which dont define any content while a header is a part of the visible content - such as a div - which is used to wrap article headers with title etc.
Emmanuel
@chriemma
Feb 02 2017 11:35
can anyone help me remotely here
Dany Din
@danydin
Feb 02 2017 12:14
querySelector('what can acutally be written here') ?
Dany Din
@danydin
Feb 02 2017 12:27
  1. also can we add an eventListener to a specific class on an element or it can only be added to the element?
  2. can it listen to all of the same elements or it can just to 1 even if its the same type of element?
Clyde Lobo
@oppiniated
Feb 02 2017 12:31
@danydin querySelector would return the first element matched. https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
If you want all the matches elements use querySelectorAll
Dany Din
@danydin
Feb 02 2017 12:32
so it would only returns elments right? not class,ids and so?
@oppiniated thanks
CamperBot
@camperbot
Feb 02 2017 12:32
:cookie: 540 | @oppiniated |http://www.freecodecamp.com/oppiniated
danydin sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
Clyde Lobo
@oppiniated
Feb 02 2017 12:33
@danydin what do you mean? Its similar to the jquery selector
Dany Din
@danydin
Feb 02 2017 12:34
i ask if it only select elments
for example getElementById will only capture id
also if u could answer my other 2 questions below please :)
Clyde Lobo
@oppiniated
Feb 02 2017 12:37
@danydin getElementById gets element by ID, but it still returns an element
All selectors will return elements
hey guys, for navigation bar
how do i make it scroll down, like when i click my portfolio button, it immediately reach that part instead of scrolling down to that part
kirbyedy
@kirbyedy
Feb 02 2017 12:39
smooth scroll ?
like how this sample works
Ghost
@ghost~58864d03d73408ce4f457acc
Feb 02 2017 12:40
Hi, how could I run the two last lines of my code both? Every time I call my function only the first of the two lines has any influence... :( please help
$(document).ready(function() {

});

function myrandom() {
  //array of quotes
  var array = [{quote: "I am okey",author:"mat"},
      {quote: "I am okey2",author:"mat"}]
  //end of array of quotes


 // var randomNumber = Math.floor(Math.random() * 20)
     $("#footer").text(array[1].author);
      $("#quote").text(array[1].quote);

}
alpox
@alpox
Feb 02 2017 12:41
@HasaMatej They do both run, as long as there is no error occurring on the first line (array[1].author may be undefined?)
@HasaMatej check your development console to see if it shows errors.
FL8Liew
@FL8Liew
Feb 02 2017 12:42
@kirbyedy thanks, i'll take a llook on it
CamperBot
@camperbot
Feb 02 2017 12:42
fl8liew sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1727 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Ghost
@ghost~58864d03d73408ce4f457acc
Feb 02 2017 12:42
@alpox does not show error, but I nedd to show on my webpage quote and author.. and it shows only author, or only quote.. not both in one time
only the first line appears on my page.. if I would change the lines so footer is now the second and quote is the first, it appears quote, because it is on the first line ...I am confused
alpox
@alpox
Feb 02 2017 12:45
I somehow missed the array declaration :D sry.
Do you have a codepen to show?
Ghost
@ghost~58864d03d73408ce4f457acc
Feb 02 2017 12:46
@alpox array declaration is two lines below function myrandom()
alpox
@alpox
Feb 02 2017 12:49
@HasaMatej Your problem is that with .text you replace the whole content of an element. Since the element with id author is inside of the elment with id quote and you replace all content of quote with a new text, the author element gets removed from the page
@HasaMatej To come around that, you can just use another element (span) for the quote text and set the quote id on it:
        <blockquote class="text">
          <span id="quote">"This is my first quote so I hope is doojasThis is my first quote</span>
          <footer id="footer"> John Travolta</footer>
        </blockquote>
Ghost
@ghost~58864d03d73408ce4f457acc
Feb 02 2017 12:55
@alpox Thanks you man... you are helpful :) :clap:
CamperBot
@camperbot
Feb 02 2017 12:55
hasamatej sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 761 | @alpox |http://www.freecodecamp.com/alpox
Meli94
@meli94
Feb 02 2017 13:04
hey someone would be so kind to explain the project " how to show the local weather? " I'm completely stuck, I wrote and delete the code tons of times but I still haven't succeed
kirbyedy
@kirbyedy
Feb 02 2017 13:06
@meli94 try to get the location of the user (it was covered by freecodecamp), then use the weather api of your choice (I suggest darksky), pull data from your weather api, by accessing the weather data and display it on your screen
Meli94
@meli94
Feb 02 2017 13:07
function getWeather() {
$.ajax({
url: "api.openweathermap.org/data/2.5/weather?q=London,uk&APPID=9cb7c1d8dd76505634e629f8512677e7",
json: "json",
dataType: "json",
data: {
method: "getWeather",
lang: "en",
format: "json"
},
success: function(myweather) {
$('#myweather').html(myweather.weather.main+myweather.main.temp);
}
});
}
kirbyedy
@kirbyedy
Feb 02 2017 13:12
add http:// in the url
Ken Haduch
@khaduch
Feb 02 2017 13:12
@meli94 - One thing that I think you need is the http:// on your url: property value? Can you post a URL to your project, it makes it easier to offer help
Dany Din
@danydin
Feb 02 2017 13:15
  1. can we add an eventListener to a specific class on an element or it can only be added to the element?
  2. also can it listen to bunch of the same element or it can just to 1 even if its the same type of element?
Meli94
@meli94
Feb 02 2017 13:16
@khaduch @kirbyedy this is the url: http://codepen.io/Meli94/pen/qRomKE?editors=0010
kirbyedy
@kirbyedy
Feb 02 2017 13:18
@meli94 type is not specified
Ken Haduch
@khaduch
Feb 02 2017 13:20

@meli94 - great! One thing that you aren't doing is invoking your getWeather() function, from what I can see. You have defined it - it might not be fully correct, but you have to put a line somewhere in your code afterward to call the function by doing this:

// define function here...
function getWeather() {
    // etc.
}

// now call the function:
getWeather();

That's a rough outline...

Meli94
@meli94
Feb 02 2017 13:22
hmm true I forgot it but it doesn't work anyway :/
Ken Haduch
@khaduch
Feb 02 2017 13:23
@meli94 - then you need to add the http:// to the URL. Then you have to figure out why it is not displaying the weather - but if you put the HTTP:// in there, and invoke the function, then it does actually fetch the weather
it is still not displaying it - I think that your access of the JSON data might be incorrect? I'm checking that.
kirbyedy
@kirbyedy
Feb 02 2017 13:24
@meli94 it does work, check the image
Screen Shot 2017-02-02 at 15.24.08.png
Meli94
@meli94
Feb 02 2017 13:27
http://codepen.io/Meli94/pen/qRomKE?editors=1010 @kirbyedy @khaduch why not in mine.. ??
kirbyedy
@kirbyedy
Feb 02 2017 13:27
@meli94 compare the codes
Ken Haduch
@khaduch
Feb 02 2017 13:27
@meli94 - you are not displaying it in your HTML output, it is in the console in the above image.
Meli94
@meli94
Feb 02 2017 13:29
I'm going to add ''consol.log' and see. I was calling it in my HTML as I had done for the quote machine
Ken Haduch
@khaduch
Feb 02 2017 13:30

@meli94 - if you just make a couple slight tweaks to your code to look like this:

function getWeather() {
 $.ajax({
      url: "http://api.openweathermap.org/data/2.5/weather?q=London,uk&APPID=9cb7c1d8dd76505634e629f8512677e7",
      json: "json",
      dataType: "json",
      data: {
        method: "getWeather",
        lang: "en",
        format: "json"
      },
      success: function(myweather) {
        console.log(myweather);
        //$('#myweather').html(myweather.weather.main.name + ' ' + myweather.main.temp);
        $('#myweather').html(JSON.stringify(myweather));
      }
    });
}

getWeather();

You will see the raw JSON output printed to your HTML output panel.

chiphip
@chiphip
Feb 02 2017 13:33
Hi guys, is the twitch website down or really slow for you guys? https://www.twitch.tv/
Ken Haduch
@khaduch
Feb 02 2017 13:34
@chiphip - I clicked on it and it responded by putting a lot of pictures of games up on the screen, not too slow?
Meli94
@meli94
Feb 02 2017 13:34
Cool! thank you @khaduch I'm going to play with it and see if I can understand it better!
CamperBot
@camperbot
Feb 02 2017 13:34
meli94 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2397 | @khaduch |http://www.freecodecamp.com/khaduch
Dany Din
@danydin
Feb 02 2017 13:35
  1. can we add an eventListener to a specific class on an element or it can only be added to the element?
  2. also can it listen to bunch of the same element or it can just to 1 even if its the same type of element?
Meli94
@meli94
Feb 02 2017 13:35
thank you @kirbyedy as well!
CamperBot
@camperbot
Feb 02 2017 13:35
meli94 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1728 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
chiphip
@chiphip
Feb 02 2017 13:35
@khaduch I am able to visit the site but its almost empty and I see alot of "loading gif symbols"
Ken Haduch
@khaduch
Feb 02 2017 13:36
@meli94 - the formatting of the data is a little complicated - they put arrays in different places where you wouldn't expect them to be, etc. YOu might have to access is with something like myweather.weather[0].main, etc. (Just an example) but that's what you have to watch out for.
@chiphip no - it displays a lot of images for me - I'd post a screenshot but you can believe me. I just did flush my browser history of temp files, not sure if that helped me to get a better response?
Dany Din
@danydin
Feb 02 2017 13:39
  1. can we add an eventListener to a specific class on an element or it can only be added to the element?
  2. also can it listen to bunch of the same element or it can just to 1 even if its the same type of element?
    @khaduch @kirbyedy
Meli94
@meli94
Feb 02 2017 13:40
thank you @khaduch for the hint!!
CamperBot
@camperbot
Feb 02 2017 13:40
meli94 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: meli94 already gave khaduch points
Ken Haduch
@khaduch
Feb 02 2017 13:41
@danydin - you add the event listener by specifying some type of selector - so you can select a class, or rather, select elements by class - you have to have it attached to some element or elements. I think that it's better to have fewer of them - for example, if you want to have it on a list, you might want to attach it to the <ul> element and then use the this value to figure out which actual element received the click? That's just a random example - not sure what you are trying to do.
@danydin - you can attach it to just a single element of a group of elements, but you have to find a way to select the one that you want. Usually I would think of using an id value because those are supposed to be unique values - but you can use selectors to target specific elements in different ways, many different ways.
kirbyedy
@kirbyedy
Feb 02 2017 13:43
@danydin read your question, no idea sorry
Ken Haduch
@khaduch
Feb 02 2017 13:44
@danydin - if you have specific examples to post and ask about, perhaps I can offer additional thoughts on it?
Dany Din
@danydin
Feb 02 2017 13:45
@khaduch thanks ill review it and will reply to that in a moment
CamperBot
@camperbot
Feb 02 2017 13:45
danydin sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2398 | @khaduch |http://www.freecodecamp.com/khaduch
Dany Din
@danydin
Feb 02 2017 14:02
whats the differnce between .small a{} & .small > a {} ? thanks
Joel Santos
@St3ps
Feb 02 2017 14:06
Hey guys I'm trying to do my own JSON object and i'm unable to get the property i expect out of my code. I'm using node if it makes any difference. So,
//this is my obj
testObj = [{

    'name': 'test',
    'cast': {
        'actors': ['Jim' , 'Bill'],
        'writers': ['Juan' , 'Hill' ]
    }},
    {

    'name': 'test2',
    'cast': {
        'actors': ['Mango' , 'Mussolini' ],
        'writers': ['Orange' , 'Krump' ]
}}];

//logging with console.log(testObj) will result in this output:
//[ { name: 'test', cast: { actors: [Object], writers: [Object] } },
//  { name: 'test2', cast: { actors: [Object], writers: [Object] } } ]

//I dont want actors and writers to have a property of object, i want them to give me names :)
@danydin off the top of my head, i thing .small > a will only affect direct descendents
the other selector will affect ALL descendents.
Muhammad Hasham
@MohammadHasham
Feb 02 2017 14:08
how much regex in javascript are important do i have to learn them through any book(in depth analysis) or through videos from youtube
Joel Santos
@St3ps
Feb 02 2017 14:10
@MohammadHasham not a pro, i'd say useful, but I would be more concerned with mastering other concepts
unless you intend on using it very regulary
ive been in a million interviews and noone has ever asked me if "i knew regex"
lol
you'll certainly need it though
Muhammad Hasham
@MohammadHasham
Feb 02 2017 14:12
@St3ps so shall i do them by watching videos
and not waste my time
Joel Santos
@St3ps
Feb 02 2017 14:12
you mean solution videos?
if thats what you mean, no, figure it out yourself, or try at least
if you mean something else, yeah, watch videos and get a grasp on what regex is like
Muhammad Hasham
@MohammadHasham
Feb 02 2017 14:13
@St3ps i meant some tutorials.
honesty1997
@Honesty1997
Feb 02 2017 14:13
Hello Guys
I am having some problem in my react project
I am trying to access JSON data in my React component
Joel Santos
@St3ps
Feb 02 2017 14:14
@MohammadHasham yes yes tutorials, ofcourse, use hem
honesty1997
@Honesty1997
Feb 02 2017 14:15
When I use setState it shows
Joel Santos
@St3ps
Feb 02 2017 14:15
use them*
honesty1997
@Honesty1997
Feb 02 2017 14:15
Objects are not valid as a React child (found: object with keys {username, img, alltime, recent, lastUpdate}).
Muhammad Hasham
@MohammadHasham
Feb 02 2017 14:15
@St3ps Thanks
CamperBot
@camperbot
Feb 02 2017 14:15
mohammadhasham sends brownie points to @st3ps :sparkles: :thumbsup: :sparkles:
:cookie: 359 | @st3ps |http://www.freecodecamp.com/st3ps
Dany Din
@danydin
Feb 02 2017 14:20
thanks @St3ps you seems pro ;)
CamperBot
@camperbot
Feb 02 2017 14:20
:cookie: 360 | @st3ps |http://www.freecodecamp.com/st3ps
danydin sends brownie points to @st3ps :sparkles: :thumbsup: :sparkles:
Joel Santos
@St3ps
Feb 02 2017 14:22
@danydin :p you're welcome
Dany Din
@danydin
Feb 02 2017 14:24
how went in the interviews mate @St3ps
Joel Santos
@St3ps
Feb 02 2017 14:25
@danydin oh, you know, utter shite overall, but i am in an intership now so ... it could be worse :)
Dany Din
@danydin
Feb 02 2017 14:26
oh graet so one accepeted you after all ? thats perfect!
what they test usually btw?
Joel Santos
@St3ps
Feb 02 2017 14:32
@danydin :)
(Assuming a medium-big company)
1st: You have to persuade human resources that youre a talented, confident developer with lots of potential (a good candidate). The questions will have light technical emphasis, what they're really testing is your character , most of the time
2nd: You're in the second phase. Now you have to bullshit some tech guy that youre a talented, confident developer with lots of potential. The questions will have a stronger technical emphasis, and technological buzzwords wont save you from a competent programmer :)
3rd: You're in the third phase. Tis may also ocurr simultaneously with the second. You'll be given some kind of test.
I'm talking in vague terms here. The quetsions they ask you will go in function of the position you're applying for. If you applied for carpentry, they'd ask you what have you done, can you work with so and so, and where have you worked, how did you learn your carpentry trade and so forth
...actually im no sure if thats the carpentry interviewing process, but just replace carpentry with frontend (or ui/ux developer) , backend, full stack, and all the million derivates coming from the more specific branches of those ..humn, branches
wahabiii
@wahabiii
Feb 02 2017 14:38
hi how can you invert an image in html?
invert the colors
alpox
@alpox
Feb 02 2017 14:38
When i applied for my last job, i first had a long talk with the interviewer and a week later they invited me for a one-day test where they gave me some exercise which i had to solve.
It was sort of a small program i had to create.
But what they didn't say was that they were less testing my programming skills with it, but more, as @St3ps also points out, my character - They wanted to know if i am not too shy to ask for help if needed and if i'm open to speak with the people and go for it.
Jakub Adamec
@jadamec16
Feb 02 2017 14:38
Hi coders, I've a little question about loading time of icon fonts on the website. Is faster to download from the server full e.g. FontAwesome or better way is something like Fontastic? Thanks so much. :+1:
Joel Santos
@St3ps
Feb 02 2017 14:40
@alpox :p well, were you?
alpox
@alpox
Feb 02 2017 14:40
@jadamec16 i usually went well with Font Awesome :)
@St3ps yup :)
Joel Santos
@St3ps
Feb 02 2017 14:40
@jadamec16 yeah font awesome usually does the job, but im not acquainted with fotnastic
Dany Din
@danydin
Feb 02 2017 14:41
haha i see very interesting info going on here ! :+1:
Joel Santos
@St3ps
Feb 02 2017 14:41
@alpox lol awesome man, did you actually get the job (you did say it was your last...)
Jakub Adamec
@jadamec16
Feb 02 2017 14:42
@alpox @St3ps So is stupidity to create "own icon font"?
alpox
@alpox
Feb 02 2017 14:43
@St3ps i got the job but it was more an internship :) it was for one year. I havent been a full time employee yet since im still a student. But i somehow managed to never have to apply more than once :)
Joel Santos
@St3ps
Feb 02 2017 14:43
@jadamec16 ill let alpox answer that one
alpox
@alpox
Feb 02 2017 14:45
@jadamec16 not stupidity but you usually dont have the time for that ^^ and if there are already good fonts out there, why not use them?
Joel Santos
@St3ps
Feb 02 2017 14:45
@alpox sweeet, it's a great opportunity to actually be in a working enviromnent (that doesnt exploit the hell out of you), you'll learn much more
alpox
@alpox
Feb 02 2017 14:46
@St3ps sure it is. Sadly im not at the moment because of the lack of time :)
I got an internship offer from IBM through one of my professors but they wanted to see my CV before anything. I hope they will like it :D
Joel Santos
@St3ps
Feb 02 2017 14:59
@alpox holy crap! good luck
alpox
@alpox
Feb 02 2017 15:00
@St3ps thanks! I guess i will need it :D
CamperBot
@camperbot
Feb 02 2017 15:00
:cookie: 361 | @st3ps |http://www.freecodecamp.com/st3ps
alpox sends brownie points to @st3ps :sparkles: :thumbsup: :sparkles:
hey, anyone knows how to make the button side by side? instead of vertically?
h1tag
@h1tag
Feb 02 2017 15:07
@FL8Liew which buttons?
FL8Liew
@FL8Liew
Feb 02 2017 15:08
the navigation bar buttons
how can i make it like this
h1tag
@h1tag
Feb 02 2017 15:09
@FL8Liew you know bootstrap?
FL8Liew
@FL8Liew
Feb 02 2017 15:09
yea
h1tag
@h1tag
Feb 02 2017 15:11
@FL8Liew you can put the buttons that you want side by side inside one <div class="row"> <button id="1"></button> <button id="2"></button></div>
FL8Liew
@FL8Liew
Feb 02 2017 15:12
@fortMaximus ok i get it, i'll try, thanks
CamperBot
@camperbot
Feb 02 2017 15:12
fl8liew sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
sudheer-meghwal
@sudheer-meghwal
Feb 02 2017 15:13
hi frnds check this pen i build this tribute page
RehabThis
@RehabThis
Feb 02 2017 15:27
Morning everyone! New here, but will be spending some time on the website to get more familiar with front end dev. Look forward to learning from you all!
h1tag
@h1tag
Feb 02 2017 15:28
@RehabThis Welcome :smile:
Ken Haduch
@khaduch
Feb 02 2017 15:29
@sudheer-meghwal - hello there. The page looks pretty nice, I like the styling that you used. I noticed a couple things - you misspelled "container-fluid" right at the top. The mouseover for the top picture is interesting, I find it to be a little bit "jarring" as it is such a drastic change in color and size - a lot of motion if you are not expecting it to happen, A little bit of a visual disturbance. It might be beneficial to add the img-responsive class to your images to enable them to re-size on various screen sizes, since they are rather large images. And for some reason the link at the bottom doesn't go to a new page? It could just be the way that it is set up.
@RehabThis - welcome to freecodecamp!
RehabThis
@RehabThis
Feb 02 2017 15:30
Thanks @fortMaximus @khaduch
CamperBot
@camperbot
Feb 02 2017 15:30
rehabthis sends brownie points to @fortmaximus and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 278 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
:star2: 2399 | @khaduch |http://www.freecodecamp.com/khaduch
RehabThis
@RehabThis
Feb 02 2017 15:30
Haha, I guess I came bearing brownies this morning :D Had no clue
What's that do? Is that just like helpful points?
Ken Haduch
@khaduch
Feb 02 2017 15:32
@RehabThis - brownie points explained - you get them for completing lessons and the help that you give folks in the official chat rooms.
it shows activity on the site.
RehabThis
@RehabThis
Feb 02 2017 15:33
Awesome. Well, I didn't home-make those brownies, be careful :shipit:
Ken Haduch
@khaduch
Feb 02 2017 15:34
@sudheer-meghwal - you probably want to change your link at the bottom to this <a class="btn btn-info" href="https://en.wikipedia.org/wiki/B._R._Ambedkar" target="_blank">READ MORE HERE </a> so that it will open the page, and this adds the code to open it in a new tab with target="_blank"
@RehabThis - :+1: :smile:
sudheer-meghwal
@sudheer-meghwal
Feb 02 2017 15:39
thanks for your opinions @khaduch
CamperBot
@camperbot
Feb 02 2017 15:39
sudheer-meghwal sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2400 | @khaduch |http://www.freecodecamp.com/khaduch
Milos Ratkovic
@Shadow032
Feb 02 2017 15:44
hello guys, doing the Twitch TV API project and I was wondering if anyone knows how to get user's Logo picture if the stream is offline since I can not access user's ''channel'' to see logo's link cuz i get stream: null
h1tag
@h1tag
Feb 02 2017 15:48
@Shadow032 you can use a placeholder
Milos Ratkovic
@Shadow032
Feb 02 2017 15:50
@fortMaximus yeah but I thought it would look cooler if i had their original logo's but imma use placeholder :) thanks anywya
CamperBot
@camperbot
Feb 02 2017 15:50
shadow032 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 279 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Ken Haduch
@khaduch
Feb 02 2017 15:52
@Shadow032 - there must be a way to do it because I think that I've seen it on people's pages? I'm trying to see if I can spot something. I find the audio feed coming through to be a little bit annoying, though... is there a way to prevent that on the page?
Ken Haduch
@khaduch
Feb 02 2017 16:04
@Shadow032 - it looks like there is a request type that is documented on this page: https://dev.twitch.tv/docs/v5/reference/users/ for "Get User by ID" that looks like it should return a "logo" property? I haven't done this project, yet, so I don't know how it all works, but it seems that there is a way to get just the user information?
Tyler Moeller
@TylerMoeller
Feb 02 2017 16:06
@Shadow032 The logo is in the /channels/ endpoint : https://wind-bow.gomix.me/twitch-api/channels/freecodecamp
Milos Ratkovic
@Shadow032
Feb 02 2017 16:06
@khaduch I didnt even notice I didnt mute it. yeah there's a way. adding muted = "true" to the iframe element
@TylerMoeller oh, so i have to make another call if the stream == null with channels endpoint to fetch the logo.
Tyler Moeller
@TylerMoeller
Feb 02 2017 16:08
@Shadow032 Yes, to get all the data you need for that challenge, you'll have to call both streams and channels for every user
Milos Ratkovic
@Shadow032
Feb 02 2017 16:09
@TylerMoeller Thanks! :)
CamperBot
@camperbot
Feb 02 2017 16:09
shadow032 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1448 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Milos Ratkovic
@Shadow032
Feb 02 2017 16:10
@TylerMoeller by the way, sometimes It get's 'confused' the calls messup the order or some of the channels repeat , and sometimes it's all good.
@Shadow032 can i add a delay or something to make the getJSON wait until one call is finished and then run another one and so on
Ken Haduch
@khaduch
Feb 02 2017 16:11
@Shadow032 - you cannot rely on the returns coming back in any specific order - you have to figure out a way to track them, by userid or something along those lines. Asynchronous is just that.
Tyler Moeller
@TylerMoeller
Feb 02 2017 16:11
@Shadow032 Try using a forEach() to loop through your streamers rather than using a for() loop. It isn't a good idea to make asynchronous calls inside a standard for() loop.
Ken Haduch
@khaduch
Feb 02 2017 16:12
you can turn off the asynchronous nature of the transfers, but I think that it would slow your page down significantly?
Tyler Moeller
@TylerMoeller
Feb 02 2017 16:14
In the end though, as @khaduch says, users will come back in the order you get them back from the server. No control over that unless you store all the data in an object and access that object when writing the data to the page.
Milos Ratkovic
@Shadow032
Feb 02 2017 16:16
@TylerMoeller @khaduch Yeah, okay guys, foeEach() seems like a good idea, gonna try it out. Thanks a lot.
CamperBot
@camperbot
Feb 02 2017 16:16
shadow032 sends brownie points to @tylermoeller and @khaduch :sparkles: :thumbsup: :sparkles:
:warning: shadow032 already gave tylermoeller points
:star2: 2401 | @khaduch |http://www.freecodecamp.com/khaduch
in building a tribute page challenge should we do that same page or do any page of our wish https://www.freecodecamp.com/challenges/build-a-tribute-page
Bikal Khawas
@bikalkhawas
Feb 02 2017 16:27
Hello, currently I'am working in Wikipedia viewer project. Is there any ways so that I can load many search items on scrolling down the page?http://codepen.io/bikal/pen/bgrRmr?editors=1010
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:29
@bikalkhawas so you are on a project please clear my doubt whether we need to build the same page as given in example or to make a different page am on a project about building a tribute page
Rob Peckham
@BuffaloRob
Feb 02 2017 16:29
I’m trying to get the ‘confirm ending’ challenge to work and my code passes all tests besides the one used in the example. It’s just pulling the ‘e’ instead of the enitre last word. Can anyone help me fix this to pass all challenges?
//Check if a string (first argument, str) ends with the given target string (second argument, target).
//Use .substring/.substr instead of .endswith()

function confirmEnding(str, target) {
    var sub = str.substr(-1);
    console.log(sub);
      if (sub === target) {
        console.log('True');
          return true;
    } else {
        return false;
        //console.log('False')
    }
}
confirmEnding("He has to give me a new name", "name”);
Bikal Khawas
@bikalkhawas
Feb 02 2017 16:35
@PRADEEPGUNDLURU we can build our own but should have the functionality as mentioned there.
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:36
@bikalkhawas a tribute page means only about a person
Bikal Khawas
@bikalkhawas
Feb 02 2017 16:38
@PRADEEPGUNDLURU you can make anything you like with the mentioned functionality.
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:43
how to add an image as a link?????
Mihai Veronica
@VeronicaM
Feb 02 2017 16:44
@PRADEEPGUNDLURU you can add an anchor tag within an image tag
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:45
give me the syntax
Mihai Veronica
@VeronicaM
Feb 02 2017 16:45
like this <a href="your link"> <img src="your img"></a>
an image within an anchor tag actually :)
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:46
no no I mean my image should come from an external link and not from my database
Bikal Khawas
@bikalkhawas
Feb 02 2017 16:46
<img src="https://yourLinkHere" alt="ImageName ">
Mihai Veronica
@VeronicaM
Feb 02 2017 16:47
ah, ok, I then @bikalkhawas syntax is what you need
Pradeep
@PRADEEPGUNDLURU
Feb 02 2017 16:48
@VeronicaM @bikalkhawas ya tnx.......
Mihai Veronica
@VeronicaM
Feb 02 2017 16:48
you're welcome
Bikal Khawas
@bikalkhawas
Feb 02 2017 16:49
:smile:
Emilio Cantón
@Cabemo
Feb 02 2017 17:08
Hey guys, I've finished my tribute page. Has anyone problems displaying the background-image?
T
@namrox
Feb 02 2017 17:12
@BuffaloRob Hi. Can you try str.substr(-target.length). it worked for me when i tried to impelement it ro your code.
@Cabemo Hi. Can you try background-size: cover;
Skullvapor
@Skullvapor
Feb 02 2017 17:13
document.getElementById("FamousQuotes").onclick = function FamousQuotesF() {
document.getElementById("SubTitle").innerHTML =(famousQuotesF[Math.floor(Math.random)*famousQuotesA.length]);
};
Can someone fix this for me? It´s for the tribute page so that when you click a button a new quote will appear in the text.
T
@namrox
Feb 02 2017 17:13
Because when you resize window background image acts weirdo
Skullvapor
@Skullvapor
Feb 02 2017 17:14
wait so I meant that famousQuotesF to be famousQuotesA.
T
@namrox
Feb 02 2017 17:15
@Skullvapor can you post pen link ?
Skullvapor
@Skullvapor
Feb 02 2017 17:24
anddd the bell rang.
T
@namrox
Feb 02 2017 17:26
math.random()
forgot brackets.
document.getElementById("FamousQuotes").onclick = function FamousQuotesF() {
document.getElementById("SubTitle").innerHTML =famousQuotesA[Math.floor(Math.random()*famousQuotesA.length)];
};
paste this and it will be fine
official4code
@official4code
Feb 02 2017 17:29
@Skullvapor it doesn't work
aenila
@aenila
Feb 02 2017 17:34

Need help with two things on the wikipedia viewer challenge... First, when I search and the page re renders the body section I get the text "undefined" in the upper left hand corner. Can't figure out where it's coming from.

Second, my input field isn't coming out to be completely round despite setting it to equal height/width with border-radius at 50%. Can somebody take a look, please?

http://codepen.io/aenila/pen/ZLxEqO

Michał
@platek92
Feb 02 2017 17:43
hello guys, is there anyone that can help me with Tweeting a Quote button that apparently does not tweet the quote
it is about Build a Random quote Machine
aenila
@aenila
Feb 02 2017 17:44
I can take a look for you if you post the pen
here you have it
aenila
@aenila
Feb 02 2017 17:47
You need to append the quote to the link for it to work properly. You are currently sending no text parameter with the link so it has nothing to display
Michał
@platek92
Feb 02 2017 17:47
yes I get that but how can I append something that is changing
KaviJo
@KaviJo
Feb 02 2017 17:49
Hello All,
Looking for some help with the tic tac toe game challenge. The AI is not responding and I cant figure it out. I have tried consoling it out but i cant seem to find whats wrong. any help is greatly appreciated
http://codepen.io/Daemon0205/pen/PWEdmZ
aenila
@aenila
Feb 02 2017 17:51
@platek92 You'll want to use a javascript click event on the tweet this button so that you can use the value of quotes[randomNumber] when you open the link in a new page/tab
Alexander
@Vozf
Feb 02 2017 17:56
Guys I have a question about react.How do you generally build apps with it? You code react in js just from the beggining or you firstly build a static html and only then translate it to react?
Muhammad Hasham
@MohammadHasham
Feb 02 2017 17:57

from where can i learn about properties such as used in this css snippet

 transform: perspective(100px) rotateX(-3deg) translateY(3px);
      background: linear-gradient(to top,  #ffffff 0%,#EFEFEF 100%);

rotateX translateY etc.Actually i know the use but i don;t know how to figure out their values to get desired results.

ZenZate
@ZenZate
Feb 02 2017 17:59
var result = [];
function largestOfFour(arr) {
 var a = arr.map(function(b){
   var c = b.sort(function(x, y){
     return y-x;
   });
   return c;
 }); 
var d = a.map(function(x){
  result = result.concat(x.push());
  return result;
});
  return result;
}

largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
returns [4, 4, 4,4]
Michał
@platek92
Feb 02 2017 18:02
@aenila I still can not do it, I stuck at adding onclick="window.open('https://twitter.com/intent/tweet/?text=' + quotes[randomNumber])" but apparaently it does not working cos quotes[randomNubmer] is a variable in js
how can I connect it to html
?
Gulsvi
@gulsvi
Feb 02 2017 18:08
@platek92 you can get your text from document.getElementById('quote-window') and tweet that
Ryan
@XImPeRaX
Feb 02 2017 18:26
anyone know how i can center an image ?
can someone check why my geolocation isn't working?
page isn't outputting the long/lat coordinates
Taysha
@taariya
Feb 02 2017 18:30
I'm seeing my lat/lon displayed when I run it
@jumpship91 after I enabled access to my location
@jumpship91 Are you sure that you've allowed codepen.io to access your location? If not the built-in geolocator won't work
Rav404
@Rav404
Feb 02 2017 18:46
it displays my lat and long too.
Gulsvi
@gulsvi
Feb 02 2017 18:48
@jumpship91 Open your codepen with this link (needs to start with https for location to work): https://codepen.io/Jumpship91/pen/wgmbrd
Jessi L Wasell
@JessiW
Feb 02 2017 18:49
Hello - does anyone here have D3js experience?
I'm trying to get a question answered over in DataViz but no one is there!
Nicholas Liu
@jumpship91
Feb 02 2017 18:58
@taariya Thanks! I forgot that was a requirement
CamperBot
@camperbot
Feb 02 2017 18:58
:cookie: 327 | @taariya |http://www.freecodecamp.com/taariya
jumpship91 sends brownie points to @taariya :sparkles: :thumbsup: :sparkles:
Nicholas Liu
@jumpship91
Feb 02 2017 18:59
@SkyCoder01 Thanks SkyCoder! That worked out!
CamperBot
@camperbot
Feb 02 2017 18:59
jumpship91 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 81 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Nicholas Liu
@jumpship91
Feb 02 2017 19:00
@Rav404 Thanks for checking Rav!
CamperBot
@camperbot
Feb 02 2017 19:00
jumpship91 sends brownie points to @rav404 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @rav404 |http://www.freecodecamp.com/rav404
Michał
@platek92
Feb 02 2017 19:04
@SkyCoder01 thank you sir, I did it :)
CamperBot
@camperbot
Feb 02 2017 19:04
platek92 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Ryan
@XImPeRaX
Feb 02 2017 19:30
anyone has an idea how to place a image as a background?
i tried
background-image:https:/upload.wikimedia.org/wikipedia/en/8/8f/Pablo_Picasso,_1909-10,_Figure_dans_unFauteuil(Seated_Nude,_Femme_nue_assise),_oil_on_canvas,_92.1_x_73_cm,_Tate_Modern,_London.jpg("pica painting.jpg");
didn't work i think there is something wrong with it?
RehabThis
@RehabThis
Feb 02 2017 19:45

@XImPeRaX im very very new, but I think in CSS3 you want to use:

background-image: url("https:/upload.wikimedia.org/wikipedia/en/8/8f/Pablo_Picasso,_1909-10,_Figure_dans_unFauteuil(Seated_Nude,_Femme_nue_assise),_oil_on_canvas,_92.1_x_73_cm,_Tate_Modern,_London.jpg");

but I could be wrong, hopefully someone else will assist you.
Ryan
@XImPeRaX
Feb 02 2017 19:47
@RehabThis the https is the url
RehabThis
@RehabThis
Feb 02 2017 19:50

right, I just thought you had to input that it was a URL prior to that. e.g.:

wood {

background-image: url(../images/wood.jpg);

In that example the image is local to the server, but you could just replace the information within the ( ) with your URL.

Ryan
@XImPeRaX
Feb 02 2017 19:53
inside of the () should be the name of the img in ur pc ^^
anw
ty for trying
i'll see what i can doxD
RehabThis
@RehabThis
Feb 02 2017 19:53
haha no worries, good luck!
Brian Dodwell
@dodwellwebdev
Feb 02 2017 19:58
does anyone have any advice on the tribute page before I get started?
can someone tell me why my codepen looks scrambled when I link it?
Tom
@moT01
Feb 02 2017 20:19
@allenlswain thats just in the embedded window, ...looks fine when you open the link
not sure why i guess
@allenlswain it has to do with the responsiveness of your site
shrink the browser window down and it will look all scrambled like that
your body margin at 500px
make it small and it looks better
Austin
@austinylee0
Feb 02 2017 20:40
Hey looking for some help with my portfolio page... I'm trying to set this image as the background https://unsplash.com/?photo=fwWj5Y1IgQg using background-image: url() but its not working. is it because the link isn't directly to the photo?
Ellen
@sunsplat
Feb 02 2017 20:41
@austinylee0 Is your code online?
Austin
@austinylee0
Feb 02 2017 20:42
Its on codepen
Ellen
@sunsplat
Feb 02 2017 20:47
@austinylee0 Oh wow, looks like they removed the url ability. Maybe you have to download and upload on another hosting site to use it. I'm curious as well. I'll let you know if I find anything
Austin
@austinylee0
Feb 02 2017 20:49
@sunsplat ok sounds good
Ellen
@sunsplat
Feb 02 2017 20:50
@austinylee0 This is the name of the photo: fwwj5y1igqg-alessandro-viaro.jpg is it the same for you?
Austin
@austinylee0
Feb 02 2017 20:51
@sunsplat yes
i tried using a different image on a different website and its not working either. Is it the format of the code wrong? Like do i have to put the url in quotes or something?
Seth
@sethmchris
Feb 02 2017 20:54
@austinylee0 Your code is fine, but you can only use images that are hosted somewhere, not direct links.
Lukáš Hanák
@lukashanak
Feb 02 2017 20:56
Hey, do you recommend use boostrap on my first web projects(it's don't need to be responsive) or a short time don't use frameworks ? I was using boostrap about 3 hours and I was angry from that :D
ivarden
@ivarden
Feb 02 2017 20:56
Hello Free Code Camp.
RehabThis
@RehabThis
Feb 02 2017 20:57
Welcome, @ivarden
Milos Ratkovic
@Shadow032
Feb 02 2017 20:59
hey guys, can anyone tell me why doesn jquery-ui doesnt work in my CodePen ? I used autocomplete and when you search for a channel the <ul> element that shows the results and stuff appears on my page, though it should be styled with display: none. here's the pen: http://codepen.io/Shadow032/full/pRaWRO/
Ryan
@XImPeRaX
Feb 02 2017 21:02
i reloaded my codepen but now my image stays in loading.......
anyone?
Alexey Ishchenko
@Japolk
Feb 02 2017 21:05
Can anyone help? I made simple page with bootstrap http://ishchenko.esy.es/ . But it does not scale when I open it on the phone. It opens like small copy of desktop version
Seth
@sethmchris
Feb 02 2017 21:14
@Japolk
Try using this meta tag in your header: <meta name="viewport" content="width=device-width, initial-scale=1" />. Let me know if that works and if it does you can read more about it here
(https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag).
Ellen
@sunsplat
Feb 02 2017 21:14
@Shadow032 omg I love the look and feel of your twitch
Alexey Ishchenko
@Japolk
Feb 02 2017 21:15
@sethmchris thank you, going to try now
CamperBot
@camperbot
Feb 02 2017 21:15
japolk sends brownie points to @sethmchris :sparkles: :thumbsup: :sparkles:
:cookie: 206 | @sethmchris |http://www.freecodecamp.com/sethmchris
Ryan
@XImPeRaX
Feb 02 2017 21:15
anyone know why my codepen page won't show me the progress underneath my codes?
Ellen
@sunsplat
Feb 02 2017 21:15
Are you trying to display blocK?
Ryan
@XImPeRaX
Feb 02 2017 21:15
it's stuck on loading........
Ellen
@sunsplat
Feb 02 2017 21:15
@XImPeRaX what's your link?
Ellen
@sunsplat
Feb 02 2017 21:16
@Shadow032 it looks like your search needs a background color and z-index of 99 if you want it to overlay
Ryan
@XImPeRaX
Feb 02 2017 21:16
it's shows the result but not when im working on it
why
  • im trying to place an image as a background not working so far i think my code might be wrong
+*
Ellen
@sunsplat
Feb 02 2017 21:18
@XImPeRaX This is the error Codepen gives: Invalid CSS after "...und-image:https": expected ";", was ":/upload.wikime..."
Alexey Ishchenko
@Japolk
Feb 02 2017 21:18
@sethmchris yep, it works fine now, thank you a lot
CamperBot
@camperbot
Feb 02 2017 21:18
japolk sends brownie points to @sethmchris :sparkles: :thumbsup: :sparkles:
:warning: japolk already gave sethmchris points
Ellen
@sunsplat
Feb 02 2017 21:18
@XImPeRaX I think you're missing quotes
put quotes around the image url and you should be good
Ryan
@XImPeRaX
Feb 02 2017 21:19
okey i will try it
welp it showed another prob xD
Milos Ratkovic
@Shadow032
Feb 02 2017 21:20
@sunsplat I did this project in Notepad++ on my pc, and then i copied all the code to CodePen. But seems like jquery-ui component (which is the autocomplete search input) doesnt work, cuz the jquery-ui adds display: none to the results of the search. But anyway it works just fine on my PC. It's up to CodePen probably. Thnks for the praise :)
Ryan
@XImPeRaX
Feb 02 2017 21:20
@sunsplat Invalid CSS after "...("pica painting": expected ";", was ".jpg");"
KaviJo
@KaviJo
Feb 02 2017 21:20
hello everyone. i am having some issues with the tic tac toe project and would reaaallly appreciate any help. the 2 issues are that 1 - the win or loss is not registering, 2 - the count is going up by 2 instead of 1. Please
http://codepen.io/Daemon0205/pen/PWEdmZ?editors=1010
Ellen
@sunsplat
Feb 02 2017 21:21
@XImPeRaX You need quotes around your image url...
Ryan
@XImPeRaX
Feb 02 2017 21:21
@sunsplat background-image:"https:/upload.wikimedia.org/wikipedia/en/8/8f/Pablo_Picasso,_1909-10,_Figure_dans_unFauteuil(Seated_Nude,_Femme_nue_assise),_oil_on_canvas,_92.1_x_73_cm,_Tate_Modern,_London.jpg("pica painting.jpg");
i placed quotes
Seth
@sethmchris
Feb 02 2017 21:22
@XImPeRaX The background-image property is holding up your page load. It should be styled like background image: url("link"). You also need to remove this from the end: ("pica painting.jpg").
Ellen
@sunsplat
Feb 02 2017 21:22
You don't have a quote to close your first one
background-image:'https:/upload.wikimedia.org/wikipedia/en/8/8f/Pablo_Picasso,_1909-10,_Figure_dans_unFauteuil(Seated_Nude,_Femme_nue_assise),_oil_on_canvas,_92.1_x_73_cm,_Tate_Modern,_London.jpg("pica painting.jpg")';
@XImPeRaX
Ryan
@XImPeRaX
Feb 02 2017 21:22
weoops
damn
im blind sometimes
xD
Ellen
@sunsplat
Feb 02 2017 21:23
Hope it works now :)
Ryan
@XImPeRaX
Feb 02 2017 21:23
well the progress showed now but still no background imagexDDD
Ryan
@XImPeRaX
Feb 02 2017 21:25
@sethmchris aight
still nothing
Seth
@sethmchris
Feb 02 2017 21:27
Here's how it looks on my end: https://codepen.io/XImPeRaX/pen/vgRwyE
Ryan
@XImPeRaX
Feb 02 2017 21:28
u got no background image 2
Seth
@sethmchris
Feb 02 2017 21:29
@XImPeRaX Sorry, I forgot to fork it. Try this: https://codepen.io/sethmchris/pen/vgjOmO
Ryan
@XImPeRaX
Feb 02 2017 21:30
it worked
ty
Michael Karpinski
@karpimpski
Feb 02 2017 21:30
hey guys, I could use some help. I finished this site http://karpimpski-fcc-voting.herokuapp.com/ but obviously can't design it very well. does anybody have tips on how to make this look nicer or some resources for better design?
Ryan
@XImPeRaX
Feb 02 2017 21:30
@sethmchris thx for the help @sunsplat
CamperBot
@camperbot
Feb 02 2017 21:30
ximperax sends brownie points to @sethmchris and @sunsplat :sparkles: :thumbsup: :sparkles:
:cookie: 207 | @sethmchris |http://www.freecodecamp.com/sethmchris
:cookie: 405 | @sunsplat |http://www.freecodecamp.com/sunsplat
Seth
@sethmchris
Feb 02 2017 21:31
@XImPeRaX No problem.
Mostafa Masri
@thefakeweed
Feb 02 2017 21:38
hey guys im stuck here since forever https://www.freecodecamp.com/challenges/convert-celsius-to-fahrenheit i have no idea what to do
Seth
@sethmchris
Feb 02 2017 21:46
@mml3b Basically, with one line, you're going to be reassigning the value of fahrenheit to the algorithm to convert celsius to fahrenheit.
Olar Alex
@qbeer
Feb 02 2017 21:50
hi there. there are some typos in it but I've just finished my tribute webpage: https://codepen.io/qbeer666/full/egrYBq/ What do you think guys? I know I can improve it but I defined all the CSS myself.
Michael Schmidt
@lafisrap
Feb 02 2017 21:50
@qbeer Nice.
Olar Alex
@qbeer
Feb 02 2017 21:51
thx man. ;)
Michael Schmidt
@lafisrap
Feb 02 2017 21:51
welcome.
Michael Karpinski
@karpimpski
Feb 02 2017 21:52
@qbeer looks nice!
Mostafa Masri
@thefakeweed
Feb 02 2017 21:59
@qbeer that's some pretty good work :)
Olar Alex
@qbeer
Feb 02 2017 22:01
@karpimpski @mml3b @lafisrap thx for all of you
@mml3b you should do Fahrenheit = 9/5 * Celsius + 32 due to the fact that this is the conversion between the two scales. Read about it in WikiPedia: https://en.wikipedia.org/wiki/Fahrenheit
Mostafa Masri
@thefakeweed
Feb 02 2017 22:05
@qbeer i did it thx , how lon have you been practicing programming ?
CamperBot
@camperbot
Feb 02 2017 22:05
:cookie: 120 | @qbeer |http://www.freecodecamp.com/qbeer
mml3b sends brownie points to @qbeer :sparkles: :thumbsup: :sparkles:
Jeffrey
@JYing1
Feb 02 2017 22:16
Is this good enough for a portfolio page? I really don't have anything to fill it up with. http://codepen.io/jying1/full/JEvjMb/
Mostafa Masri
@thefakeweed
Feb 02 2017 22:17
@JYing1 it is more than enough to me
but what's the <hr> tag for ?
Jeffrey
@JYing1
Feb 02 2017 22:18
@mml3b Alright thanks. <hr> is for that horizontal line between each section
CamperBot
@camperbot
Feb 02 2017 22:18
jying1 sends brownie points to @mml3b :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @mml3b |http://www.freecodecamp.com/mml3b
Mostafa Masri
@thefakeweed
Feb 02 2017 22:19
great @JYing1 :clap:
Michael Karpinski
@karpimpski
Feb 02 2017 22:20
@JYing1 one thing I notice is the lines aren't centered right horizontally. they seem a little low
not sure if that's intentional or not
Jeffrey
@JYing1
Feb 02 2017 22:22
@karpimpski I think that's due to <div class="jumbotron">
Since it has its own spacing
I can be wrong
Michael Karpinski
@karpimpski
Feb 02 2017 22:23
@JYing1 nope, you're probably right. if you really wanted you could see the padding/margin on it and add your own to your hr elements to center it perfectly. definitely not necessary, but could be good practice
Samiul Salehin Pritom
@Pritom-Mazhi
Feb 02 2017 22:33
<a class="btn btn-default" href="https://twitter.com/Pritom29"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i>Twitter</a>
this line isn't working
can anyone say,what is the problem?
i can't bring in the twitter icon by doing this
someone please help
i'm trying to use font awesome
Moisés Man
@moigithub
Feb 02 2017 22:42
di du linked FA library to ur code ?
@Pritom-Mazhi
https://www.bootstrapcdn.com/fontawesome/
Samiul Salehin Pritom
@Pritom-Mazhi
Feb 02 2017 22:52
solved it :) a while ago
thanks anyway :)
Tony
@FreakishLancer
Feb 02 2017 22:57
Hello. I was wondering if someone could check my Wikipedia Viewer. For some reason, it has inconsistent behavior; sometimes, the search result links work and sometimes they don't. http://codepen.io/Freaklancer/full/qRYEro/
taltmann42
@taltmann42
Feb 02 2017 22:59
@FreakishLancer seems like your footer is over the whole content, and so the links are not clickable, so for me the links don't work at all
Tony
@FreakishLancer
Feb 02 2017 23:00
@taltmann42 That makes so much sense. Thank you.
CamperBot
@camperbot
Feb 02 2017 23:00
freakishlancer sends brownie points to @taltmann42 :sparkles: :thumbsup: :sparkles:
:cookie: 444 | @taltmann42 |http://www.freecodecamp.com/taltmann42
Tony
@FreakishLancer
Feb 02 2017 23:00
It should work now. Can you try again?
taltmann42
@taltmann42
Feb 02 2017 23:01
@FreakishLancer yup, but now the footer is in the middle of the content ;)
Tony
@FreakishLancer
Feb 02 2017 23:01
I was trying to make it so if the search results were greater than 6, then the footer would move down instead of staying if I put it to fixed. Guess I will have to try something else.
Try now =]
taltmann42
@taltmann42
Feb 02 2017 23:02
footer covers content again
Tony
@FreakishLancer
Feb 02 2017 23:02
O.o
taltmann42
@taltmann42
Feb 02 2017 23:03

@FreakishLancer

#search-results:after{
  content:'';
  display:block;
  clear:both;
}

should fix that

Tony
@FreakishLancer
Feb 02 2017 23:04
I'll try that. I just tried setting the z-index of #search-results to 100 and that worked.
taltmann42
@taltmann42
Feb 02 2017 23:05
that's just a hacky workaround ;) the problem is that the search-results have a float:left, that means the DOM doesn't really update the height of the container. Adding clear:both signals, that the floats have ended and the height gets calculated, which pushes the footer below the results again
Tony
@FreakishLancer
Feb 02 2017 23:06
Hmm, I have never seen an empty string as a CSS property value.
I will have to look that up.
Thanks for the info.
taltmann42
@taltmann42
Feb 02 2017 23:07
that's because :after and :before need the content set to be valid, the empty string just tells the browser that there isn't actually something to show
Tony
@FreakishLancer
Feb 02 2017 23:10
Okay. That makes sense.
Hm, I've run into a small problem now. My footer stops abruptly at the left and right. How would I go about making it a fading gradient on the left and right?
taltmann42
@taltmann42
Feb 02 2017 23:12
erm why is your body display:table?
that adjusts the width according to the content. and the content isn't wide enough to cover the whole width, so the html document itself doesn't fill 100% of the width
Tony
@FreakishLancer
Feb 02 2017 23:14
@taltmann42 I came across that in a stackoverflow post. Supposedly, it's supposed to center my search bar and content.
I suppose there is a better way which wouldn't mess with my footer though.
taltmann42
@taltmann42
Feb 02 2017 23:15
yep.. well it does center your searchbar and content ;) but the caveat is, that the html itself isn't 100% of the width, so there's no way for the footer to have that width
to center stuff you can just set width:80% and margin:0 auto
there you can adjust the width of course, and also you can add a max-width:1280px for example, to limit the width
but do that to the search-result container, not the footer
Tony
@FreakishLancer
Feb 02 2017 23:17
A lot to take in; thanks for the assistance.
I'll get back to you in a few minutes!
Tony
@FreakishLancer
Feb 02 2017 23:23
Okay, so I get how to center the page vertically, now how about horizontally?
How would I get the search bar in the middle when the user first enters the site?
taltmann42
@taltmann42
Feb 02 2017 23:24
are you mixing up vertically and horizontally? margin:0 auto centers elements horizontally
for the footer:
    left: 0;
    right: 0;
    width: 100%;
Tony
@FreakishLancer
Feb 02 2017 23:27
Thanks for the footer info.
Going back to the vert/hori thing, vertical is up and down, right?
taltmann42
@taltmann42
Feb 02 2017 23:27
yeah that's why i don't like bootstrap.. you want to do something on your own, and it get's in the way with some predefined rules
right
Tony
@FreakishLancer
Feb 02 2017 23:27
Yes, it can get annoying sometimes.
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:29
Hey guys, using codepen to make a portfolio page...I'm trying to break up columns in the same row, and for some reason...no matter what, it will stack the bars on top of each other. Does someone know why it may be doing that?
code I used:
<div class="row">
<div class="col-md-6 well"></div>
<div class="col-md-6 well"></div>
</div>
taltmann42
@taltmann42
Feb 02 2017 23:29
for some neat way to center elements vertically and horizontally, take a look at this: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Tony
@FreakishLancer
Feb 02 2017 23:29
So my work-around to get the main-header to be centered is margin-top: 15% is this bad?
@taltmann42 Thanks for the link.
CamperBot
@camperbot
Feb 02 2017 23:30
freakishlancer sends brownie points to @taltmann42 :sparkles: :thumbsup: :sparkles:
:warning: freakishlancer already gave taltmann42 points
taltmann42
@taltmann42
Feb 02 2017 23:30
see previous link for that ;) well.. then the distance from the top is 15% of the viewport height. That doesn't mean that the main-header is 70% high, so the bottom distance is 15% too. Flexbox centers it correctly
@SmokinHawk did you include bootstrap?
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:31
Settings->CSS->external link (then include the strap on for bootstrap)...yea, did that :-/
Ryan
@XImPeRaX
Feb 02 2017 23:32
just finished my tribute page what do you guys think?
taltmann42
@taltmann42
Feb 02 2017 23:32
@SmokinHawk okay can you paste the codepen-link here?
It's at the very bottom of my html...I'm a newb (two weeks in), appreciate any light you can shed
taltmann42
@taltmann42
Feb 02 2017 23:34
isn't it at the very top?
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:37
rows/columns doesn't seem to work for me anywhere
taltmann42
@taltmann42
Feb 02 2017 23:37
anyways it may be because of the md part, which means "when the page has medium size or is taller, make it a col that takes 6 of 12 colum places. So when the screen is a bit below 1000px, the divs will be under each other
try using col-xs-6
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:37
I see, let me give it a go
taltmann42
@taltmann42
Feb 02 2017 23:37
which means, from the smallest possible screen, take 6/12
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:37
Ahhhh
genius
Thanks so much man!!!
That worked :)
taltmann42
@taltmann42
Feb 02 2017 23:38
that's the essence of the bootstrap grid: https://v4-alpha.getbootstrap.com/layout/grid/
no problem, you're welcome
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:38
Appreciate the link as well, I'll read through it
taltmann42
@taltmann42
Feb 02 2017 23:40
@SmokinHawk actually, this link may be better: http://getbootstrap.com/css/#grid
the one i sent you is still in alpha-version so not yet in use
Raul Jiminian
@SmokinHawk
Feb 02 2017 23:42
@taltmann42 thanks again, sincerely appreciate the help
CamperBot
@camperbot
Feb 02 2017 23:42
smokinhawk sends brownie points to @taltmann42 :sparkles: :thumbsup: :sparkles:
:cookie: 445 | @taltmann42 |http://www.freecodecamp.com/taltmann42
Nikki L.R.
@nikkilr88
Feb 02 2017 23:56
Could someone help me with a sidebar issue? I'm using jQuery, HTML and CSS