https://codepen.io/AndroidWargames/pen/amxoPm
Howdy everyone, good day / afternoon / evening. Was wondering if anyone can help me with some CSS issues.
So I'm working on the Wikipedia Viewer project and when I populate a div with articles I get back from the API, they seem to overpopulate the div.
and the center the text, you can change:
<ul class="text-left">
to
<ul class="text-center">
So you might have a grid declaration that looks like this:
<div class="col-md-6 col-s-12 col-xs-12">
Whereby the above translates to a div that takes up half the width of the screen when it is a desktop, and the full width when it is a mobile.
sneak8288 sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @allanpooley |http://www.freecodecamp.com/allanpooley
joshuaswift sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 736 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
joshuaswift sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 484 | @walidashri |http://www.freecodecamp.com/walidashri
joshuaswift sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1838 | @khaduch |http://www.freecodecamp.com/khaduch
https
, which, of course, doesn't work for the free weather sites. I think that the focus should be to use the best location technique that you can get, which might still be firefox and geolocation, but if someone is using Chrome, you don't have an option to use that - maybe then fallback to the ip location? The basic idea should be being able to interact with the weather site to do what they want - display weather for a location, preferably close to where you are... :)
raghavsingh82 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 737 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
c0d0er sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 402 | @toianw |http://www.freecodecamp.com/toianw
Hey everyone, I'm looking for some feedback on portfolio. Let me know what you think.
@johnjullies This is some good reading:
and
since .getJSON() might take a while to return a value, it is interpretted as asynchronous.
This makes sense right? It has to send a request a request to a server, then wait for a response, so it would be super inefficient for the rest of the code to wait until it gets a value.
@johnjullies Anyway, that might be a lot to take in - but it's worth investing the time because you'll also need it for the next two challenges.
The simple fix is that you need to insert something like this into the function in getJSON():
document.getElementById("#my-quote-element").textContent = json.quote.quoteText;
:cookie: 274 | @allanpooley |http://www.freecodecamp.com/allanpooley
johnjullies sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
i added the search function in my twich code, but the problem is it get really slow with input search and sometimes frozen, and if add more letter, then it flashes. my wikipedia viewer use similar coding structure, but it doesnt flash, i cannot figure out why the wikipedia viewer input search doesnt flash and frozen if add more letters e.g. d, then dd, then ddd. could anybody help to find the problem in twitch tv compare to my wikipedia viewer? the wiki code is very small. this is my twitch tv code http://codepen.io/c0d0er/pen/RGLxpQ?editors=0010
, and this is my wikipedia viewer: http://codepen.io/c0d0er/pen/WGkQvk?editors=1010
Hey @c0d0er , Sorry I don't know why Twitch seems slower or flashier - maybe it is the Twitcher API.
I was going to ask you how you were finding the project? I read on the forums a lot of people having issues with the API and codepen? The example app doesn't appear to be working either.
ricky11 sends brownie points to @pradxj07 :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @pradxj07 |http://www.freecodecamp.com/pradxj07
parvinder09 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 485 | @walidashri |http://www.freecodecamp.com/walidashri
meeeee
jaemsnrg sends brownie points to @em-ant :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @em-ant |http://www.freecodecamp.com/em-ant
page is dead lol
anyone
<h4><a href="#col1Content" data-toggle="collapse">Column1</a></h4>
<div id="col1Content" class="collapse in">I was coaching Sanjay,* a leader in a technology firm who felt stuck and frustrated. He wasn’t where he wanted to be at this point in his career. He had come to our coaching session, as usual, prepared to discuss the challenges he was currently facing. This time, it was his plan for conducting compensation conversations with each of his employees. After a few minutes of listening to him talk through his plans, I interrupted him. “Sanjay, you’ve had these kinds of conversations before, right?” I asked. “Yes,” he said. “And, for the most part, you know how to do them, right?” “Yes,” he said again. “Great. Let’s talk about something else.”</div>
<h4><a href="#col1Content" data-toggle="collapse">Column1</a></h4>
<div id="col1Content" class="collapse in">I was coaching Sanjay,* a leader in a technology firm who felt stuck and frustrated. He wasn’t where he wanted to be at this point in his career. He had come to our coaching session, as usual, prepared to discuss the challenges he was currently facing. This time, it was his plan for conducting compensation conversations with each of his employees. After a few minutes of listening to him talk through his plans, I interrupted him. “Sanjay, you’ve had these kinds of conversations before, right?” I asked. “Yes,” he said. “And, for the most part, you know how to do them, right?” “Yes,” he said again. “Great. Let’s talk about something else.”</div>
i want to append a ID whos value is unique variable to dom
var uniqueID='menu'+i;
div id=\"\'+uniqueID+\'\"
can any one help me with the correct syntax
Actual :- <div id= "uniqueID"
expected o/p:- <div id= "menu0"
background-image:url("");
code test
hveden sends brownie points to @kirbyedy and @miczysko :sparkles: :thumbsup: :sparkles:
:star2: 1487 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
:warning: could not find receiver for miczysko
pshp sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 799 | @sorinr |http://www.freecodecamp.com/sorinr
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
jumpship91 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 800 | @sorinr |http://www.freecodecamp.com/sorinr
HTML preprocessor
to None
egossick sends brownie points to @aprim05 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @aprim05 |http://www.freecodecamp.com/aprim05
gastikirs sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 320 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
thegr8lemmoncawl sends brownie points to @sorinr and @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 801 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 321 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
vertical-align: middle;
gastikirs sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
tomididak sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Sorry - forgot the codepen link
I keep getting "unexpected end of input" or "unexpected token" at the end of my code. I think I have tried every combination of {}()and; but I can't get it fixed. Can anyone help? Is there a built in debugger to help match up these things?
sperrye sends brownie points to @adelmahjoub :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @adelmahjoub |http://www.freecodecamp.com/adelmahjoub
jahnellybean sends brownie points to @amit-s :sparkles: :thumbsup: :sparkles:
:cookie: 340 | @amit-s |http://www.freecodecamp.com/amit-s
function checkPlayerVictory() {
$("#test6").html("checkPlayerVictory Initiated");
for (i=0; i < winCombos.length; i++) {
var ticTacToe = [];
var tic = winCombos[i][0];
var tac = winCombos[i][1];
var toe = winCombos[i][2];
if (playerOne.indeOf(tic) !== -1) {
ticTacToe.push("tic");
}
if (playerOne.indeOf(tac) !== -1) {
ticTacToe.push("tac");
}
if (playerOne.indeOf(toe) !== -1) {
ticTacToe.push("toe");
}
if (ticTacToe.length == 3) {
playerOneScore += 1;
winner = "Player1";
$("#test7").html(playerOneScore);
$("#1").html("Y");
$("#2").html("O");
$("#3").html("U");
$("#4").html("-");
$("#5").html("-");
$("#6").html("-");
$("#7").html("W");
$("#8").html("I");
$("#9").html("N");
break;
}
}
if (winner == "Player1") {
setTimeout (startGame, 3000);
}
if (winner !== "Player1") {
cpuTurn();
}
}
:cookie: 4 | @risafletcher |http://www.freecodecamp.com/risafletcher
danielmw34 sends brownie points to @risafletcher :sparkles: :thumbsup: :sparkles:
danielmw34 sends brownie points to @risafletcher and @khaduch :sparkles: :thumbsup: :sparkles:
:warning: danielmw34 already gave risafletcher points
:star2: 1842 | @khaduch |http://www.freecodecamp.com/khaduch