These are chat archives for FreeCodeCamp/HelpFrontEnd

29th
Dec 2017
Ken Haduch
@khaduch
Dec 29 2017 00:42
@JacobPie - it looks like it is the same color, did you make a change since you posted your URL?
Ken Haduch
@khaduch
Dec 29 2017 01:09
@Assaonator - right now, your leaderboard doesn't appear to be loading properly? Seems like CSS errors (or "Sass" errors.)
Tom
@moT01
Dec 29 2017 01:19
loads in the chat here - your picture is front and center
Ken Haduch
@khaduch
Dec 29 2017 01:41
@moT01 - yeah... freeCodeCamp famous? :) It didn't load in my browser. I just had to set the CSS preprocessor back to "None", and then it loaded?
@Assaonator - I had to set the CSS Preprocessor back to "None" - it was set to "Sass"? What is correct? It looks good - maybe putting links to the camper's profiles would be a nice touch?
Tom
@moT01
Dec 29 2017 01:55
im only a few thousand back
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:13
So how do you stop yourself from hammering the keyboard with your head when you see code you don´t understand ?
I just realized how frustrating this learning process can be :worried:
VaseJS
@VaseJS
Dec 29 2017 03:27
@brunoalmeidabrito find some nails
@brunoalmeidabrito its not 100% your brain's issue. the instruction on learning in these online coding platforms need major improvement so its not all you
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:30
@VaseJS What gets me is the "try it yourself before you check the code somewhere" when most of the time I feel like I'm really learning is when I see a code and try to make sense of it.
VaseJS
@VaseJS
Dec 29 2017 03:30
Actually, FCC isn't teaching more than challenging.
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:31
Do they really expect you to find all the solutions yourself ? In this particular case, I'm talking about Udacity
VaseJS
@VaseJS
Dec 29 2017 03:31
what you have pointed out is a coverup for a lack of teaching to a high degree. while asking for help is something that helps a lot, it should be a supporting tool to compensate for the lack of human interaction/feedback one receives in a class, not a main tool
they are not teaching more than challenging. its an anti-learning pattern to a degree in the way its being done. you will learn, but it will be long and frustrating vs shorter and enjoyable
FCC: learn through a series of challenges is an accurate rep of what the platform is
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:34
@VaseJS So, my strugle is this: Sometimes we hit walls. It is supposed to be that way, right ? When it happens, is it okay to search a solution and try to make sense of it and at some point, move on?
VaseJS
@VaseJS
Dec 29 2017 03:34
@brunoalmeidabrito yes. you have no choice
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:35
@VaseJS Thanks man.
CamperBot
@camperbot
Dec 29 2017 03:35
brunoalmeidabrito sends brownie points to @vasejs :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @vasejs |http://www.freecodecamp.org/vasejs
VaseJS
@VaseJS
Dec 29 2017 03:35
they do not provide enough material to help many people with zero experience. too many assumptions are made and they seem to have too much of an ego to improve the instructions. many have tried and they just make excuses it seems.
but its not just FCC, its all sandbox platforms like FCC also. they all suffer for poor teaching tactics
FCC has a built in community so it makes it the best of all of them
thus you are here
if you need help, PM me but many people here are great so you should find help an any of the lower challenges
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:37
To me this is the best part of it, the community. Thanks again.
VaseJS
@VaseJS
Dec 29 2017 03:37
when you start getting to the more advanced stuff, find help becomes harder
with the community, FCC is just like everyone less with less bells and whistles. Then the other platforms would be better
codecademy, codeavengers, hackerring, etc
there are a lot of them but all them have crappy instructions
as i always say, coding isn't hard, people just suck at teaching it
Bruno Brito
@brunoalmeidabrito
Dec 29 2017 03:38
as i always say, coding isn't hard, people just suck at teaching it hahahaha, loved that one
VaseJS
@VaseJS
Dec 29 2017 03:42
i'm a master learner and good content follows a particular pattern. these platforms do not
Nick Karnik
@theoutlander
Dec 29 2017 03:42
lol
it’s hard to teach coding in this form
VaseJS
@VaseJS
Dec 29 2017 03:43
not really
the steps are too big, that's the problem.
not enough redundancy and explanation. there doesn't need to be a lot more, but more than provided. the teaching is predicated on the idea of leaning on the community and google instead of better lessons
but again, its not a FCC issue. I have had some really good coding course, but they are few and far between
so really good books but the same problem. poor structure and too many assumptions
VaseJS
@VaseJS
Dec 29 2017 03:52
if i knew how to build one of these things, i would but i don't so a can't
but i did create a helper file to aid people struggling
i just haven't posted it anywhere but today we came up with the [obvious] idea to post it on github :D
Nick Karnik
@theoutlander
Dec 29 2017 04:00
I’ve never learned off these platforms
I love taking online courses (the fast paced ones when available)
for more complex stuff like ML, Coursera style is preferable.
I’m game for exploring something together. I can build it. A bit short on time right now, but I’ve been thikning of building a plugin that is suitable for stuff like this.
One of the things I find challenging is that you can’t see what someone is doign in real-time, so it’s hard to help them. In addition, there isn’t a video/audio sharing mechanism.
Also, server side stuff has it’s limitations on the browser
VaseJS
@VaseJS
Dec 29 2017 04:06

@theoutlander

Also, server side stuff has it’s limitations on the browser

big time!
but they have cli tools for that. those work well. but suffer from the same poor structure of teaching
nodeschool.io has good cli server learning
Nick Karnik
@theoutlander
Dec 29 2017 04:07
I mean why can’t I do node stuff via jsfiddle ?
yeah
something like c9
VaseJS
@VaseJS
Dec 29 2017 04:07
whats c9?
and when you're ready, I'm ready. I have lessons already, or more accurate, extensions on the current lessons that are missing. Aka actual lessons
Nick Karnik
@theoutlander
Dec 29 2017 04:44
C9.io used to be a web based IDE that AMZ acquired last year i think
so now you need an account to use them
aka cloud9 i think
VaseJS
@VaseJS
Dec 29 2017 05:40
tmux and vim can do that. maybe not as fancy but it can
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 06:10
Hello. I'm having some difficulty with the portfolio challenge. If I were to paste my code here, could someone help me? The issue that I am having is that the Bootstrap and Font Awesome I am trying to use do not appear to be appearing.
Hello. I'm having some difficulty with the portfolio challenge. If I were to paste my code here, could someone help me? The issue that I am having is that the Bootstrap and Font Awesome I am trying to use do not appear to be appearing on the page.
VaseJS
@VaseJS
Dec 29 2017 06:22
@inscriptioelectronicaaustralia its best to use codepen (or any similar site) so we can see your code in context.
if its just one aspect of your code, namely JS, then you can pop in straight in the chat, but surround it with 3 backticks ` (not the be confused with '). then it will format your code correctly so we can help you better
this is an example of using the back ticks `
but not sure what time it is where you are but i'm going to bed . there are others that can help, otherwise i'll be around in a few hours after sleep
currently there are still people in the Help and FreeCodeCamp rooms who can also help. try there also
mubaraka1
@mubaraka1
Dec 29 2017 06:49
heloo pipo here
what are the core things a front end developer should know
Markus Kiili
@Masd925
Dec 29 2017 07:16
@mubaraka1 HTML+CSS+JS are the code things that you must know.
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 07:29
I also posted my code (since then I have edited it) to the main help page, but it is also here in case anyone can help me with it here:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Portfolio</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
</head>
<body>
<div class="container-fluid">
<h1 class="text-center">My Portfolio</h1>
<nav>
<div class="row">
<div class="col-xs-4> <a href="#aboutme">About Me</a> </div> <div class="col-xs-4>
<a href="#myprojects">My Projects</a>
</div>
<div class="col-xs-4> <a href="#contact">Contact Me</a> </div> </div> </nav> <h2 id="aboutme">About Me</h2> <p>I am a student at FreeCodeCamp who hopes to learn to be a full stack web developer.</p> <p>Below you will find pictures of my projects and how to contact me.</p> <hr> <h2 id="myprojects">My Projects</h2> <p>Here are pictures of some of the websites I have built:</p> <div class="row"> <div class="col-xs-4"> <img class="smaller-image img-responsive" src="nowhere.gif" alt="project A"> </div> <div class="col-xs-4"> <img class="smaller-image img-responsive src="nowhere.gif" alt="project B">
</div>
<div class="col-xs-4">
<img class="smaller-image img-responsive" src="nowhere.gif" alt="project C">
</div>
</div>
<hr>
<h2 id="contact">Contact Me</h2>
<a href="www.facebook.com"><i class="fa fa-facebook"></i>my Facebook page</a>
<a href="www.twitter.com"><i class="fa fa-twitter"></i>my Twitter page</a>
<hr>
</div>
</body>
</html>

Rada
@Radascript
Dec 29 2017 07:41
@inscriptioelectronicaaustralia where are you building this? in a text editor?
first thing I notice is you have a typo on this line:
<div class="col-xs-4> <a href="#aboutme">About Me</a> </div> <div class="col-xs-4>
<a href="#myprojects">My Projects</a>
You didn't close the quotes on the class
"col-xs-4"
twice on that line
Then you made the same mistake on this line not closing the image class quotes
<img class="smaller-image img-responsive src="nowhere.gif" alt="project B">
SoteroX
@SoteroX
Dec 29 2017 07:46
do you have the code on codepen @inscriptioelectronicaaustralia
Markus Kiili
@Masd925
Dec 29 2017 07:47
@inscriptioelectronicaaustralia Using a proper editor or some development environment would spot such errors automatically.
Rada
@Radascript
Dec 29 2017 07:48
@inscriptioelectronicaaustralia once you fix that, make sure to look up proper use of bootstrap grid classes
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 07:52
I have been using a simple text editor as CodePen is somewhat inaccessible to me as a screen reader user, but I will try and find a code editor that can notify me of such things. I will make the changes to the quotation marks. For the grid concept, I just tried to copy what the FreeCodeCamp curriculum taught, but I'll look for other resources. Thanks for your help.
Rada
@Radascript
Dec 29 2017 07:52
@inscriptioelectronicaaustralia oh you are also not linking to boostrap CSS properly
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 07:53
Bootstrap CSS property? When I was looking for info, I saw something about that. I'll include it. FreeCodeCamp never mentioned that, I don't think.
Rada
@Radascript
Dec 29 2017 07:53
@inscriptioelectronicaaustralia you're missing https://

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

instead of

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 07:54
Thanks.
Rada
@Radascript
Dec 29 2017 07:55
@inscriptioelectronicaaustralia I recommend Sublime 3 Text editor. It's good for learning, easy to pick up, and will do color syntaxing
oh missed the part where you said you use a screen reader! Hm
@inscriptioelectronicaaustralia if you don't mind me asking, do you use screen reader to help with a visual disability? I can ask some dev friends on twitter what they would recommend as a good text editor for that.
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 07:59
Yes, I am blind. I've tried looking into it myself, and it is difficult to find one that is accessible and also free. So I would be grateful of assistance.
Rada, was the Font Awesome part of my code okay? I can tell that the Bootstrap works properly now (thanks for that), but it is more difficult to check the Font Awesome buttons.
Rada
@Radascript
Dec 29 2017 08:02
@inscriptioelectronicaaustralia I will ask around, hopefully someone has some good resources. I'm not a very experienced coder but I have a couple years under my belt and would be very happy to help you out while you are learning, if you'd like that. Would you like to connect on Skype/Twitter/Facebook or something like that?
@inscriptioelectronicaaustralia yes, the facebook and twitter icons are showing up! You will probably want to add a little margin-right to them though
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 08:04
No, it's okay. I'll just upload it. But thank you for the help. I'll make sure to double-check the quotation marks when I build future projects.
What will the margin do? Sorry if this is a dumb question, but I sometimes find it difficult to grasp these visual effects. :)
SoteroX
@SoteroX
Dec 29 2017 08:05
@inscriptioelectronicaaustralia Edsharp code editor is optimized for screen readers
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 08:06
Yes, I've heard of that one, but I didn't think it had features for web development? I'll check it out. Thanks.
Rada
@Radascript
Dec 29 2017 08:07
@inscriptioelectronicaaustralia no worries. Margin adds a little space around the element so they are not too close together. It makes things a little easier to read and is generally visually appealing. In general, for visual users, it's a good rule to add some space around elements.
inscriptioelectronicaaustralia
@inscriptioelectronicaaustralia
Dec 29 2017 08:07
Thanks. I'll remember that.
Rada
@Radascript
Dec 29 2017 08:10

@inscriptioelectronicaaustralia here's the tweet that I made so you can check it for replies, hopefully people have some good resources:
https://twitter.com/RadaWilinofsky/status/946654419508125696

Good luck!

@inscriptioelectronicaaustralia ugh just realized I assumed that you go by "he" in the tweet - sorry if that was wrong :worried:
Michael Cordero
@CyberPutty
Dec 29 2017 09:25
does anyone want to test my pomodoro timer
Markus Kiili
@Masd925
Dec 29 2017 09:41
@CyberPutty You can post a link here.
@Masd925 I haven't tested it in other browsers, so hopefully it looks ok.
Markus Kiili
@Masd925
Dec 29 2017 09:48
@CyberPutty Text on the timer time and +/- buttons are selectable (can be selected with mouse which changes the color), which could be avoided.
Some hover effect on the +/- might be nice.
Michael Cordero
@CyberPutty
Dec 29 2017 09:50
@Masd925 that's a good idea!
coderAkmal
@coderAkmal
Dec 29 2017 10:27
Hey guys
I need to generate the tweet text dynamically in the random quote machine
I have tried setting it on "getQuote" button click button that doesn't seems to work. I also loaded the widget.js upon button click and that also doesn't work. Can anyone here help me out with that ?
Apoligies for the typos
apologies*
Rada
@Radascript
Dec 29 2017 10:35
@coderAkmal - are you working on codepen or in your own editor?
coderAkmal
@coderAkmal
Dec 29 2017 10:38
own editor
coderAkmal
@coderAkmal
Dec 29 2017 10:43
@Radascript
Rada
@Radascript
Dec 29 2017 10:44
would you maybe paste your html and JS parts into pastebin.com/ or something so we can see what's up?
Ivan Ngundela
@ingundela
Dec 29 2017 10:55
hello everyone, may you please help me with my project https://ingundela.github.io/posg/ I’m creating a image gallery and stragling to have all images in a thumbnail with same with and hight.. Please advice on the best way to accomplish that.THANK YOU
on the click I want it to be on this original size but on the thumbnail I want all images to have same size… so that it is well presented.
Jigal Sanders
@sandersjj
Dec 29 2017 11:02
Hello, How's everyone. I am trying to fill an array with multidimensional arrays in my fetchChannels function. However my result is undefined. This is what I currently have in my codepen. Any Suggestions? https://codepen.io/dubbeltje/pen/OzpJZb?editors=0010#0
Markus Kiili
@Masd925
Dec 29 2017 11:05
@sandersjj fetchChannelInfo has no return so what are you storing here var result = fetchChannelInfo(val);?
Jigal Sanders
@sandersjj
Dec 29 2017 11:07
@Masd925 it returns an array called result
Markus Kiili
@Masd925
Dec 29 2017 11:10
@sandersjj That return is inside the getJSON method callback function. There is no return on fetchChannelInfo
Jigal Sanders
@sandersjj
Dec 29 2017 11:14
I now changed the function to return that result but I now see it returns the getJson object in stead of my desired array. https://codepen.io/dubbeltje/pen/OzpJZb?editors=0010#0 @Masd925
Markus Kiili
@Masd925
Dec 29 2017 11:16
@sandersjj Returning from async callback function is not going to work. Instead you need to use the response inside the callback function. For example, you can make a function call and pass the result as an argument.
Jigal Sanders
@sandersjj
Dec 29 2017 11:18
@Masd925 not sure If I understand what you mean
Sweet Coding :)
@SweetCodingInc
Dec 29 2017 11:23
@sandersjj Not sure how well versed you are with promises. But here is how I'd do what you're trying to do
var baseUrl = "https://wind-bow.gomix.me/twitch-api";
var channels = [
  "ESL_SC2",
  "OgamingSC2",
  "cretetion",
  "freecodecamp",
  "storbeck",
  "habathcx",
  "RobotCaleb",
  "noobs2ninjas"
];

function fetchChannels(channels) {
  if (Array.isArray(channels)) {
    var results = channels.map(function(val) {
      const url = baseUrl + "/channels/" + val + "?callback=?";
      return $.getJSON(url);
    });

    Promise.all(results).then(function (responses){
      console.log(responses); // Will contain an array of all the $.getJSON responses
    });
  }
}

fetchChannels(channels);
Look up Promise.all
It could be further refactored like
var baseUrl = "https://wind-bow.gomix.me/twitch-api";
var channels = [
  "ESL_SC2",
  "OgamingSC2",
  "cretetion",
  "freecodecamp",
  "storbeck",
  "habathcx",
  "RobotCaleb",
  "noobs2ninjas"
];

function fetchChannels(channels) {
  if (Array.isArray(channels)) {
    const results = channels.map(c => $.getJSON(`${baseUrl}/channels/${c}?callback=?`));
    Promise.all(results).then(console.log);
  }
}

fetchChannels(channels);
Jigal Sanders
@sandersjj
Dec 29 2017 11:28
I'm not well versed in promises yet. Have been living in a cage I guess.
Sujeet Buddiga
@sujeetbuddiga
Dec 29 2017 12:02
Hi folks, is there a js/css library which can help us in getting content-placeholder like in facebook,instagram?
Rada
@Radascript
Dec 29 2017 12:12
@sujeetbuddiga sorry if you've already seen it and specifically want a library, but here's a decent CSS tricks post on how to build it yourself https://css-tricks.com/building-skeleton-screens-css-custom-properties/
coderAkmal
@coderAkmal
Dec 29 2017 12:13
Can you help me out ?
primuscovenant
@primuscovenant
Dec 29 2017 12:15
@heroiczero thx
CamperBot
@camperbot
Dec 29 2017 12:15
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2120 | @heroiczero |http://www.freecodecamp.org/heroiczero
dinesh
@1532j0004kg
Dec 29 2017 16:42
when i reload the page the data's on the browser getting erased.
though i use the mongo db.
at the time of posting and retreiving data's.
?
Daniel Tweedy
@DanielTweedy
Dec 29 2017 17:04
Hello, I'm trying to implement the Bootstrap Navbar for my Portfolio page but I can't seem to get it to display the nav items https://codepen.io/MelBrooksKA/pen/ZOvrAA?editors=1000
I've just copied the bootstrap example for now while I try to figure it out
I think I have the bootstrap setup right in the settings
Daniel Tweedy
@DanielTweedy
Dec 29 2017 17:21
It looks like it's a problem with the toggle
Emil
@aguyinmontreal
Dec 29 2017 17:28
Can someone help me understand this? https://stackoverflow.com/questions/37367200/deferred-long-running-timer-tasks-to-improve-scrolling-smoothness/37367801 How come a 1000ms timer has a total length of "101ms" and a 100ms timer has a total length of "56ms"??
Ken Haduch
@khaduch
Dec 29 2017 17:43
@aguyinmontreal - I think that they are referring to the amount of time that the timer's callback function executes, although I cannot see exactly the information that you are asking about? It seems that the gist of that post has to do with timer events causing jittery smooth-scrolling. I would presume that it is because the timer callback takes over the CPU execution for that length of time? Could you clarify where in the stackoverflow post you are seeing the numbers that you are referring to?
Emil
@aguyinmontreal
Dec 29 2017 18:06
@khaduch sorry ken, for the confusion ; here is what I was seeing when I tried to apply the post to my own issue: https://pasteboard.co/H0u6lips.png ; my confusion was because I tought "total time" included the timer length
Emil
@aguyinmontreal
Dec 29 2017 18:12
do you know any tips or tricks I can use to improve my timer handlers?
Henry
@GitHub-Henry
Dec 29 2017 18:19
@CyberPutty here's what I see
image.png
Ruben Abraham
@BuBBRBbr1
Dec 29 2017 20:10
Hey guys. How do I upload a placeholder image for my personal portfolio? https://codepen.io/BuBBRBbr1/pen/eyvbmP
Daniel Tweedy
@DanielTweedy
Dec 29 2017 20:34
You pay code pen and you can upload it to them using the Asset tag or find an image hosting service somewhere that does that
Ruben Abraham
@BuBBRBbr1
Dec 29 2017 21:49
NOOOOO!
Im strapped for the dough
AbrisM
@AbrisM
Dec 29 2017 22:05
Hi all!
Does anyone know of a reliable site I can upload my website to that will actually display things such as pictures? :)
Anyone alive? Hellooo :)
Tom
@moT01
Dec 29 2017 22:11
just do a search - there's tons of image hosting sites
mstellaluna
@mstellaluna
Dec 29 2017 22:11
@AbrisM postimage.io its what I use
Tom
@moT01
Dec 29 2017 22:11
you could put it on github
AbrisM
@AbrisM
Dec 29 2017 22:13
I'm not sure about github, how to use it. The only respitories I am knowledge are the basic site directory ones, the ones that a person has when a site is created :)
will it actually display IN github?
Tom
@moT01
Dec 29 2017 22:15
yes
AbrisM
@AbrisM
Dec 29 2017 22:16
Will this be displayed back to the user?
I am downloading the desktop Github app
Tom
@moT01
Dec 29 2017 22:17
you can just go to the website and make a repo and should be able to drag and drop pics in there
AbrisM
@AbrisM
Dec 29 2017 22:18
Okay, I will try that
Tom
@moT01
Dec 29 2017 22:19
i wouldnt put your whole picture collection on there, it's not a data center - but a couple wont hurt anything
AbrisM
@AbrisM
Dec 29 2017 22:21
Hahaha, no those pictures would be desktop only :)
Hmm...I forgot how to display passwords in firefox
It was a matter of going to the right-side of the screen and clicking a key icon
Does anyone know?
Tom
@moT01
Dec 29 2017 22:25
you can change the attribute of the html input element
in the dev tools
AbrisM
@AbrisM
Dec 29 2017 22:27
I see they added some new features in the dev tools, a JS scratchpad
attribute? As in alignment?
Tom
@moT01
Dec 29 2017 22:38
should be an input element <input type="password">
AbrisM
@AbrisM
Dec 29 2017 22:40
Oh, I see what you mean now :)
I'm just looking for stored passwords, but I have figured out to sign into Github now from desktop
@moT01 Thanks!
CamperBot
@camperbot
Dec 29 2017 22:43
abrism sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 945 | @mot01 |http://www.freecodecamp.org/mot01
Blake
@BadSenju
Dec 29 2017 22:55
can a div be a child of a ul???? just wondering if its bad practice?

askingforafriend...... ....lmao jp but fuhreal

AbrisM
@AbrisM
Dec 29 2017 22:56
Hm? you can create a <div> class as child, I believe even of a ul
You mean, if you have a ul <div> class?
Blake
@BadSenju
Dec 29 2017 22:57
'<ul> <div></div></ul'
using code pen it say a div cannot be a child of a ul
AbrisM
@AbrisM
Dec 29 2017 23:01
Aww, that's too bad. Perhaps I was thinking of something else
VaseJS
@VaseJS
Dec 29 2017 23:16
@BadSenju thats not how html works. what are you trying to accomplish. li is the child of ul. you can put a div in a li if you like
if you understand the html specs it will spell it out for you.
what is and is not allowed (even though it may still work) but could cause issue so avoid it
Botenga
@Botenga
Dec 29 2017 23:36

Hey guys can anyone check out my pen I have no idea why my nav bar dropdown is not working.

https://codepen.io/Botenga/pen/qpmqQV

Sorin Ruse
@sorinr
Dec 29 2017 23:38
@Botenga you mean the hamburger menu? you need to add in pen settings->css and js bootstrap libraries
Botenga
@Botenga
Dec 29 2017 23:38
@sorinr Yes
Sorin Ruse
@sorinr
Dec 29 2017 23:42
@Botenga delete all that you have between <head> and </head> and add the libraries in codepen->settings. bootstrap.css in css part and jquery and bootstrap.js in js part
Botenga
@Botenga
Dec 29 2017 23:42
@reachdeviprasad I already linked the bootstrap library not through the pen but in the html
@sorinr did it and still nothing
Sorin Ruse
@sorinr
Dec 29 2017 23:45
@Botenga like in here
@Botenga in the pen html part you should leave only what you have between <body> and </body>. codepen add automathically the libraries for you
Botenga
@Botenga
Dec 29 2017 23:48
@sorinr I am actually using codepen for testing Im actually writting this in a text editor for a website.
@sorinr so you only deleted the links and added the library?
Kris Baillargeon
@krisb1220
Dec 29 2017 23:50
image.png
It works fine for me?
Sorin Ruse
@sorinr
Dec 29 2017 23:50
@Botenga i know. when you copy paste local code into codepen you should copy into html only html code you have between body tags. in css all you have in the external css file. in js part all js code
@Botenga yes. if you compare my fork with your pen you will notice the differences. check allso pen->settings
Kris Baillargeon
@krisb1220
Dec 29 2017 23:52
@Botenga click on the settings icon on the top left of the HTML tab and add this https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css to it via the popup menu , then delete the <links> on the bottom ^^^
Botenga
@Botenga
Dec 29 2017 23:52
I already add the library in the code pen setting when you first told me
Sorin Ruse
@sorinr
Dec 29 2017 23:54
@Botenga check pen->settings js part. you need to add jquery and bootstrap.js
@Botenga jquery first and after bootstrap.js
Capture.PNG
@Botenga like that