<div align="center">
<h3> Time line of events </h3>
<ul>
<li> June 29, 2007 Iphone</li>
<li> September 4, 1998 Google</li>
<li> 2010 Windows 10</li>
twitch streamers
? http://codepen.io/dagman/pen/ZOxjLN
position: fixed;
for the ul attribute
position: fixed;
top: 0;
jonathanwbn sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1239 | @dhcodes |http://www.freecodecamp.com/dhcodes
z-index:9999;
jonathanwbn sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:warning: jonathanwbn already gave dhcodes points
width: 50%
dueldrawer8 sends brownie points to @collinbird :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @collinbird |http://www.freecodecamp.com/collinbird
dueldrawer8 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1267 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
dueldrawer8 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: dueldrawer8 already gave coymeetsworld points
.hr.star-bright {
}
margin: 0 auto;
but that did not work
const setShowcaseImg = function() {
const thisProject = project[$(this).data("project")];
//gets the name of the project to later use it to fetch properties from that project
$showcaseImg.find("img").attr("src", thisProject.img);
//gets the url of the imagen and set it
$showcaseImg.find("p").text(thisProject.description);
//gets the description
$showcaseImg.find("a").attr("href", thisProject.url);
//gets the url
$showcaseImg.addClass("showcase-open");
// then it opens a div containing this info
}
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :worried:text-align: center;
to the navbar, and it centers the button elements.
I am trying to align my button and my temperature on the same line.
Ideally, I would like the button to be align to where the degree symbol should be, but I will settle for just getting them on the same line for now.
html
var code = "formatted";
<div class="row-fluid" id="pushDown">
<div class="col-xs-12">
<h1 id="temp"><h1>
<button class = "btn btn-circle" id = "button" onclick = "switchScale()">C</button>
</div>
</div>
css
var code = "formatted"
#button{
width: 3vw;
height: 3vw;
text-align: center;
padding: 1vw 0 ;
font-size: 1vw;
line-height: 1.42;
border-radius: 2vw;
}
#pushDown {
display: inline-block;
margin-top: 10%;
}
manu-4216 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1475 | @khaduch |http://www.freecodecamp.com/khaduch
This is designed to run in a c9 environment.
Once installed, enter npm install
into the bash terminal. Then type gulp
from the bash terminal.
Your React development environment is now ready.
The environment will compile React JSX, Lint JSX and JS with ESlint, Bundle your JS and CSS files, Migrate the built app to the dist folder, and run a dev web-server.
:pencil: read more about building applications with react and flux on the FCC Wiki
cwkatzmann sends brownie points to @donaldpittard :sparkles: :thumbsup: :sparkles:
:cookie: 375 | @donaldpittard |http://www.freecodecamp.com/donaldpittard
dueldrawer8 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1291 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
dueldrawer8 sends brownie points to @manu-4216 :sparkles: :thumbsup: :sparkles:
:cookie: 335 | @manu-4216 |http://www.freecodecamp.com/manu-4216
http://codepen.io/redixhumayun/pen/JKryAZ?editors=0011
Hey, I'm having some issues, understanding why my timers are behaving really oddly in my script for the Simon game. Can anybody help me out here?
The values show up fine for the first three timer loops and then they just show undefined values.
dueldrawer8 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 521 | @sorinr |http://www.freecodecamp.com/sorinr
bethqiang sends brownie points to @dueldrawer8 :sparkles: :thumbsup: :sparkles:
:cookie: 417 | @dueldrawer8 |http://www.freecodecamp.com/dueldrawer8
https://crossorigin.me/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&units=metric&cnt=7&lang=en&appid=your api key here";
and change the units to your needs
'http://api.openweathermap.org/data/2.5/weather?lat="+latitude+"&lon="+longitude+"&units=imperial&APPID=xxxxxxx';
bethqiang sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 522 | @sorinr |http://www.freecodecamp.com/sorinr
jod29 sends brownie points to @shivam13 :sparkles: :thumbsup: :sparkles:
:cookie: 33 | @shivam13 |http://www.freecodecamp.com/shivam13
Chat Room Description | Chat Room |
---|---|
HTML/CSS/Bootstrap | FreeCodeCamp/Help |
JavaScript/Algorithms | FreeCodeCamp/HelpJavaScript |
Front End | FreeCodeCamp/HelpFrontEnd |
Data Visualization | FreeCodeCamp/HelpDataViz |
Back End | FreeCodeCamp/HelpBackEnd |
Choose the right room for your questions!
See also: :earth_asia: Language Specific | :satellite: Technology | :crystal_ball: Miscellaneous
jonathanwbn sends brownie points to @bhushan933 :sparkles: :thumbsup: :sparkles:
:cookie: 3 | @bhushan933 |http://www.freecodecamp.com/bhushan933
evandcp sends brownie points to @shivam13 :sparkles: :thumbsup: :sparkles:
:cookie: 34 | @shivam13 |http://www.freecodecamp.com/shivam13
jofrly sends brownie points to @benalron :sparkles: :thumbsup: :sparkles:
:cookie: 413 | @benalron |http://www.freecodecamp.com/benalron
jofrly sends brownie points to @benalron :sparkles: :thumbsup: :sparkles:
:warning: jofrly already gave benalron points
$(".pure-form").click(function(event){
event.preventDefault();
});
<form class=" pure-form">
what is wrong?
dumed sends brownie points to @awhiterabbit :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @awhiterabbit |http://www.freecodecamp.com/awhiterabbit
:star2: 1477 | @khaduch |http://www.freecodecamp.com/khaduch
kdrye72 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
phantoml0rd
, and an error is resulting while fetching that user. (If it worked before, maybe it's just a transitional thing?) I commented out that user and re-ran your project, and it loaded. So you might have some error handling problem that could be adjusted? I haven't looked at your code...
kdrye72 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: kdrye72 already gave khaduch points
font-awesome
in one of the blank text boxes. Then look up the font-awesome page for instructions and a list of the icons. For instance, for his lightbulb icon on that page you showed, the HTML code is : <i class="fa fa-lightbulb-o icon huge"></i>
, which is the standard way to include a font-awesome icon. Then you just have to figure out the CSS for the :hover
pseudoclass to make that highlight when you hover over it.
jonathanwbn sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1478 | @khaduch |http://www.freecodecamp.com/khaduch
@JonathanWbn - you're welcome. The CSS for those looks something like this (and he somehow has it set up for only "no-touch" devices - probably differentiates between touch screen and a standard desktop in some way)
.no-touch .serviceblock:hover i {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
one of the pseudo-class selectors that he has is .no-touch .icon.huge:hover,
, which matches the class that is in the HTML for that font-awesome icon.
And here is the other missing piece of the CSS, since I'm looking - the thing that he is transitioning:
.icon.huge:hover {
color: #bba454;
border: 3px solid #bba454;
}
That should give you a lot to play with! :)
mathewthecoder sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1479 | @khaduch |http://www.freecodecamp.com/khaduch
can someone please tell me why my background always leaves sth like 15px or 20px on the left and right side?
my code is here
djoles2401 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 524 | @sorinr |http://www.freecodecamp.com/sorinr
djoles2401 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1096 | @ndburrus |http://www.freecodecamp.com/ndburrus
Spoiler
, and rather than <Spoiler text='Snape kills Dumbledore' />
, I might write it as <Spoiler>Snape kills Dumbledore</Spoiler>
, but how would I get the text from the props?
<Spoiler>{this.props.text}</Spoiler>
<Spoiler>
; I want my Spoiler
component to know what text was passed to it, like so:class Spoiler extends React.Component {
render() {
return <u>{this.props.contentBetweenTags}</u>
}
}
<Text>some text</Text>
or <Button>button name</Button>
<View>
<Text>Hello, World</Text>
</View>
hi, i am trying wiki viewer project, I am having problem with my input, can't take the string value from my input id="search-text"
to jquery variable .
I am using var var searchString = document.getElementById("search-text").value;
in jquery
$(".search-button").click(function() {
var searchString = document.getElementById("search-text").value;
...
mitulislam sends brownie points to @fourbits :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @fourbits |http://www.freecodecamp.com/fourbits
mathewthecoder sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1103 | @ndburrus |http://www.freecodecamp.com/ndburrus
position: relative;
in order for vertical centering to work? http://codepen.io/woofiewilly/pen/RRyRLV
bgeraci714 sends brownie points to @mitulislam :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @mitulislam |http://www.freecodecamp.com/mitulislam
function getData(id) {
var url = "https://api.twitch.tv/kraken/streams/" + id;
return $.getJSON(url); // this returns a "promise"
}
$(document).ready(function() {
$("#input1").keypress(function(event) {
console.log(event);
if (event.keyCode == 13) {
$.getJSON("https://www.crossorigin.me/https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&srsearch=" + $("#input1").val(), function(json) {
var html = "";
json.query.search.forEach(function(val) {
html += val.title + "<br>";
$.getJSON("https://www.crossorigin.me/https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&&exsentences=1&titles=" + val.title, function(json) {
html += Object.values(json.query.pages)[0].extract + "<br>";
$(".result1").html(html);
});
// Now a different json
});
});
};
});
});
designbuildshipsoftware sends brownie points to @badc0ded :sparkles: :thumbsup: :sparkles:
:cookie: 427 | @badc0ded |http://www.freecodecamp.com/badc0ded
function sweet(...args) {
return args;
}
sweet(...[1, 2, 3, 4, 5]); // [ 1, 2, 3, 4, 5 ]
{
error: "Unprocessable Entity",
message: "Channel 'brunofin' is unavailable",
status: 422
}
mikebeers sends brownie points to @rom2711 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rom2711
aarmand sends brownie points to @lpy1994 :sparkles: :thumbsup: :sparkles:
:cookie: 205 | @lpy1994 |http://www.freecodecamp.com/lpy1994
function game(){
starter();
console.log(start);
if (start == true){
beeper();
}//ends if start == true statement
}//ends game function