get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Hey!
I'm doing my tribute page, and I wanted to know if there is a way to link another codepen page to the main one I am making
@SebasDuranona https://codepen.io/project/editor
May I get some help with CSS? :|
Hey everyone I was wondering if someone could give me some input on my tribute page mainly help
I'm working on my tribute page but I can't figure out how to make my img centered and to auto change size according to screen size
That's what I have so far
@jxshva Since you have Bootstrap 3, you can add the class
Then you can center your image by giving it a specific id/class in the HTML and then giving it a property of
img-responsive to your image in the HTML. This will make your image change according to screen size.Then you can center your image by giving it a specific id/class in the HTML and then giving it a property of
margin: auto in CSS.
@jxshva so this should be in your HTML:
And this should be in your CSS:
<img class="img-responsive pokemonClass" src="http://orig07.deviantart.net/4b37/f/2014/127/a/9/pokemon__ash_capture_pokemon__wallpaper__by_kill3rcombo-d7hjsj7.png">And this should be in your CSS:
.pokemon {
margin: auto;
}
Can someone show me how to remove multiple decimals from an element in an array. For example, I am trying to output "1.1" from var arr = ["1...1"];
@vbaghdas you cant use splice?
somtimes the fcc weather api can be weird
i'm building a calculator...trying to see how i can account for multiple decimals .
and splice does not work on a string
i guess i can split the string in the array
function findElement(arr, func) {
console.log(arr);
func(2);
console.log(func);
var num = 0;
return num;
}
findElement([1, 2, 3, 4], function(num) {
return num % 2 === 0;
});
how come i can't use func as a callback? i dont see console.log(func)?
@SydneyWarren console.log(func(2));
@korzo thanks
:cookie: 340 | @korzo |http://www.freecodecamp.com/korzo
sydneywarren sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
@eunipa Thank you so so so much
jxshva sends brownie points to @eunipa :sparkles: :thumbsup: :sparkles:
:cookie: 266 | @eunipa |http://www.freecodecamp.com/eunipa
Hi. can someone help me. I am trying to link my freecodecamp page on my portfolio web but it is not working and this is what I wrote; <div class="row">
<div class= "col-xs-2">
<button class="btn btn-block btn-primary">
<a href="https://www.freecodecamp.org/manpee" target="_blank"> </a> FreecodeCamp</button>
</div>
</div>
@Manpee
<div class="row">
<div class= "col-xs-2">
<button class="btn btn-block btn-primary">
<a href="https://www.freecodecamp.org/manpee" target="_blank">FreecodeCamp </a> </button>
</div>
</div>
@Manpee But why you place link inside button?
@korzo I am trying to have a background for the content of my link i.e freecodecamp. please help correct me
@Manpee you can remove button and add class="btn btn-block btn-primary" to link
I posted correct version above
I posted correct version above
Hi, how to position the subscribe button next to the email form.
<div class="subscribe">
<div class="subscribe-background">
<p>STAY INFORMED WITH OUR NEWSLETTER
</p>
<form style="width:25%; margin-left: auto; margin-right:auto">
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="Enter email">
</div></form>
<button type="submit" class="btn btn-default" style="background-color: #000; color: #fff; padding: 10px 40px;">SUBSCRIBE</button> </div>
</div>
</div>
.subscribe {
background-color: #F7F7F7;
border: none;
color: #000;
text-decoration: none;
display: inline-block;
font: 16px 'Oswald', sans-serif;
font-weight: light;
padding: 5%;
cursor: pointer;
letter-spacing: 6px;
text-align: center;
width: 100%;
margin-top: 6px;
}
.subscribe-button {
padding: 10px 40px;
letter-spacing: 3px;
font: 12px 'Doris', sans-serif;
border-radius: 2px;
background-color: #202020;
}
@phoenix-burn try
<form class="form-inline"> and put button inside the form
@korzo do you mean I should remove the closing button? because the version you posted above still have a button but no closing button.
@korzo thanks
phoenix-burn sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 341 | @korzo |http://www.freecodecamp.com/korzo
@Manpee it has closing button at the end of line with link
take a look here http://jsbin.com/fowovibaxu/edit?html,output
take a look here http://jsbin.com/fowovibaxu/edit?html,output
@korzo Do you know how i can change the blue highlight color to what i want on the input form?
@phoenix-burn
Here is code from bootstrap
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}so change border-color and box-shadow
@phoenix-burn for box-shadow it's last value rgba(102,175,233,.6)
@phoenix-burn it's #66afe9 with opacity 0.6
@korzo thanks a lot :)
phoenix-burn sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:warning: phoenix-burn already gave korzo points
@phoenix-burn Glad to help. Happy coding
@korzo Thank you very much. Another challenge here is how do I include the icon for freecodecamp on my button? also icon for facebook, linkedin and other social media pages.
manpee sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @korzo |http://www.freecodecamp.com/korzo
@Manpee use font awesome
@Manpee add CSS tou your page https://www.bootstrapcdn.com/fontawesome/
then find icons
http://fontawesome.io/icons/
then add given icon to your link
then find icons
http://fontawesome.io/icons/
then add given icon to your link
<a href=""><i class="fa fa-twitter"></i>My Twatter</a>
OK @korzo let me try
@korzo sorry I am asking too much, please I how do I add the CSS and find the icons as you mentioned above. I am not too good in coding yet.
@Manpee add between <head></head> in your page this
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Im doing the wikipedia viewer
and i just
dont where where to even start....
@Manpee Then go to http://fontawesome.io/icons/
There is a search box.
type in there what you are searching for (e.g. twitter, github...)
uder the box you'll see available icons matching your search term.
Click on icon you like
On next page you'll see icon and code for it like
Copy it to your link code
There is a search box.
type in there what you are searching for (e.g. twitter, github...)
uder the box you'll see available icons matching your search term.
Click on icon you like
On next page you'll see icon and code for it like
<i class="fa fa-address-book-o" aria-hidden="true"></i>Copy it to your link code
hi
can somebody help me?
@Lizangie ?
@ravikishorethella :wave:
@ravikishorethella Hi
hi kyle
@thekholm80 :wave:
@Lizangie hiya!
@Lizangie hello
@thekholm80 How is it going?
I'm good, you?
I don´t understant very well what is a thumbnail
good
and how to use it
thumbnail is just a little picture
take a big picture, make it small
yeah, they are reduced version of pictures
@Lizangie I hope this helps https://www.w3schools.com/howto/howto_css_thumbnail.asp
thanks
:+1:
:)
have to more question :/...
and a place holder
sorry, you used up all your questions
ups!
:smile:
only joking lol
XD
i know
a placeholder is just a random picture that you use until you can replace it with the real thing
ahhh
I'm doing the portfolio...it just that is for an Ant XD
can i do that
?
i don't understand your question
iḿ doing the portfolio it has to be about me or i can do it random
?
i'd suggest doing it about you
ok
can i skip my photo?
yep
i used a picture of Spongebob Squarepants
:D
Iḿ trying to put a picture in a section but if i click it sent me to the top of th page..... I know it hast to be something related to heritage...and that i can you !importan rule...but not sure where to place it
@korzo thanks a lot. i have gotten it
manpee sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:warning: manpee already gave korzo points
C
@thekholm80 and @KasiaMarszalek thanks know I know how to do the thumbnails
lizangie sends brownie points to @thekholm80 and @kasiamarszalek :sparkles: :thumbsup: :sparkles:
:cookie: 53 | @kasiamarszalek |http://www.freecodecamp.com/kasiamarszalek
:star2: 1424 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@Lizangie :+1:
hey guys, how do I open up a project folder in Sublime Text 3 editor using the windows terminal? the command subl . won't work (says it's not recognized as internal or external command) and I've added the Sublime Text 3 directory (C:\Program Files\Sublime Text 3 at the end of the PATH of the System Variable but it didn't work. (subl . and sublime_text commands don't work - not recognized)
check your path again
um
not that
the PATH environment variable
it should be under "environment variables"
isn't there a
bin folder
in the sublime text 3 folder
no bin folder
@Manish-Giri do I need to create a Bin folder in here?
morning fCC
@DarrenfJ :wave:
@thekholm80 hey buddy how goes it?
everytime i come in the last 2 days it's been soooo quiet
I'm good, you?
working on weather app actually.. while also prepping (vids etc) for the microservices junk
very cool
yah one of the good things about it being so quiet in the late night is i actually do the projects now
lol
i'm averaging like 3 lines of code a day
i'm so bad
me too mostly :D
in case i forget (gonna go watch vids)
Does anyone know how to add a range in numpy array?
thanks for hanging
@thekholm80 thanks
darrenfj sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1425 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@ricpconsulting I'm not sure what you mean
what exercise?
@DarrenfJ sorry i got caught up in a movie, not trying to ignore you
It's python. Not exactly a freecodecamp exercise
i thought it might be.. my python is very rusty
Don't worry. Thanks for trying to help :)
treehouse courses form more than 2 years ago.. yikes!
@DarrenfJ :wave:
@AdiSkywalker buddy!
is somebody awake?
i'm 1/2 awake
jejej me too...
I'm put an anchor to a <i>
show me?
but when i click it appear a shadow....
ok
the facebook logo
@Lizangie it's because of
a:hover {
background-color: rgba(225, 182, 55, 0.57);
text-decoration:none;
color:white;
padding:20px;
width:90%;
marging-left:15px;
}
how can i show you the code
i can see it
ahhhhh
i used that color for anchor in general
that is why
thanks you
yep!
dint see it
can you check in general the code ( does not have to be today...) it just that is my first time and I know have a lot of thing probably wrong or things that i can do better next time
sure
just want to have an opinion to see who i'm I doing
thanks
no problemo
Well if i do not learn web development .... at least I improved my English :smile:
por que no los dos? lol
me too
i can't seem to fetch the quotes from the Quotes REST API https://theysaidso.com/api/ here's my code https://codepen.io/ashishsb/pen/wqGoeJ?editors=1010
@ashishsb95
http://quotes.rest/qod.json
don't think this will work
codepen doesn't allow resources served over http anymore
@Manish-Giri whats thr available alternatives?
use an HTTPS api
or use a CORS proxy
ill give you one
that still lets you use http resources
@ashishsb95
@thekholm80 no sabia que hablabas espanol?
@thekholm80 :)
@Lizangie lo siento, yo no habla ne una pelabra de espanol
are you using google translate then?
nope
lol
i know a little
mmm... so you can write?
a little???
poquito
and my spelling is horrible
for what you just wrote... i know a lot
algun dia aprendere
small details...
but i can understand you without problem
My English is poor, too
your english is 100x better than my spanish
。。。。
mmm.... it seams to me that your mistakes are like mines ( ortografia)
but if you can understand and answer backs you're perfect, good enough
@Manish-Giri any tutorials on https api?
si necesitas practicas
oh, chrome will correct my spelling on some words lol
that's handy
@ashishsb95 you just need to find an api to use that has
https:// instead of http://
you use them the same
@thekholm80 ohh thanks
ashishsb95 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1426 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Why does my portfolio section messed up in github but it works on codepen?
https://phoenix-burn.github.io/portfolio/
https://codepen.io/phoenix-burn/full/bRRaEO/
https://phoenix-burn.github.io/portfolio/
https://codepen.io/phoenix-burn/full/bRRaEO/
@phoenix-burn because your resources aren't loading
@thekholm80 is this a bug in github or am i missing something here?
you might have better luck using a cdn in the
<head> section of your page
@ashishsb95 if you replace http with https it works fine but the problem is it fetches only the quote for the day (only 1 quote).
@sonimadhuri hmm
@phoenix-burn oh wait, you have cdns there
phoenix-burn sends brownie points to @thekholm80 and @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 347 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
:star2: 1427 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@phoenix-burn lol u tagged the wrong person
@phoenix-burn i'm not sure what's causing it, sorry. I'm not that great at UI/UX
@phoenix-burn try putting your styles css after all the other css it should be the last one called I think
but I am exhausted lol
@sonimadhuri how do i set the cache to false then?
@Manish-Giri gotta read up on CORS proxy's.. got any good links?
@DarrenfJ :wave:
PHP and MySQL are the worst.
@daddycardona ok ill try that thanks @thekholm80
phoenix-burn sends brownie points to @daddycardona and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @daddycardona |http://www.freecodecamp.com/daddycardona
:warning: phoenix-burn already gave thekholm80 points
I got cookies yay lol
@ashishsb95 you will have to use different api because this api will anyway return only one quote for the day.
DELETE * from web_technologies WHERE language LIKE php
am i mysql'ing right?
I don't know lmao
@sonimadhuri anything you recommend?
@ashishsb95 forismatic
Oh snap @phoenix-burn I been to Palawan
@ashishsb95 https://quotesondesign.com/api-v4-0/
@thekholm80: Pretty much… Why isn’t every language like JS or python?
@cdrainxv you have to see the bad to appreciate the good
But the creator of php already saw the good — python and JS were created before PHP.
He had time to revisit the draft board.
maybe he's a sadist?
hey guys
ew
crappy search
search=apple
what do i do because the first 2 results are like "Poop or pooped may refer to:"
lol
but in general what would i do about that?
for wikipedia viewer
maybe he's a sadist?
He can’t be though… he was in Canada when he wrote PHP — so that can’t be it. :smile:
Geez Poopó Municipality"
https://en.wikipedia.org/w/api.php?action=opensearch&search=poop&limit=10&namespace=0&format=json
First of all… why?
Secondly… poop doesn’t come in json form … at least mine doesn’t.
the best thing i've read all night
poop doesn’t come in json form
Ha!
@Manish-Giri thanks buddy!
darrenfj sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6375 | @manish-giri |http://www.freecodecamp.com/manish-giri
wil check them out later.. working on weather app right now
@thekholm80 :)
DELETE * from web_technologies WHERE language LIKE php
@DarrenfJ :+1:
@DarrenfJ ty
manish-giri sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1952 | @darrenfj |http://www.freecodecamp.com/darrenfj
@cdrainxv why isn't every language like Ruby? now that would be a fun day
for me anyway
'poop'.upcase.downcase
lol
@DarrenfJ: I haven’t looked at ruby yet… The standard for a language to me is python or JS., but I do have some ruby and rails books to read after learning the django framework.
django is so dead
@Lizangie No somos muchos, los que hablan español, pero si hay.
Nah...
Tuvimos a alguien hace unas horas quien vive en Tijuana.
It would be better to learn laravel instead of django, but I prefer python.
hey guys, do you know of a good up-to-date resource on how to best setup my IDE for React? I'm using Sublime Text 3 for my editor and I've been googling around for packages to install, but many of them are deprecated. I'm looking for the most updated packages to install for React & Redux
use atom
then use
language-babel
@Manish-Giri ok, i'll give it a shot. thanks :)
amitp88 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6376 | @manish-giri |http://www.freecodecamp.com/manish-giri
@Manish-Giri does atom still work with Emmet?
wait there's one for sublime too
oh yeah, I've seen people mention that one
I was just wondering if there were more packages that compliment babel-sublime
@daddycardona seriously? Palawan is a great place to be in right now :)
my next quote seem to be working can someone explain to me what this url implies https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?
hey guys
why is my jquery not working at all
nvm just getting late
actully that should work tho
'Access-Control-Allow-Origin' issue
I'm not sure, but I think you should use
jsonp format
hmm
@denisinvader thanks
ericmiller777 sends brownie points to @denisinvader :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @denisinvader |http://www.freecodecamp.com/denisinvader
any tips on getting jsonp?
can someone help me //output ["1.1"] from // var arr=["1..1"] or var arr=["1.........1"];
still stuck on this :worried:
building a calculator and want to account for multiple decimals
use a regex
replace multiple decimals with just one
im not too familiar with regex
@ericmiller777 https://www.mediawiki.org/wiki/API:Cross-site_requests/en
str.replace(/\.+/g, '.');
@vbaghdas
thank you @Manish-Giri I will try that out now..
vbaghdas sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6377 | @manish-giri |http://www.freecodecamp.com/manish-giri
how would i add the script tags i dont understand?
this doesn't seem to be working
FB.ui({
method: 'share',
display: 'popup',
href: 'https://developers.facebook.com/docs/',
}, function(response){});
});
on codepen
I think you understood it wrong. Somebody in your app can dynamically add the
<script> tag and send requests to others sites (sending admin cookies for example). CORS is help to protect your app from these hacks
I see
In your case you likely should add some request params like
format=jsonp&callback=? (it's just example, I don't remember wikipedia API, you can look at my pen https://codepen.io/denisinvader/pen/EgPrwq)
so i need to figure this out? https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:$wgCrossSiteAJAXdomains
i dont like looking at other peoples pens thank you tho
Try to add
callback=? in request at first
that works just its no longer json
well i get some undefined
:P
Looks like jQuery mistake
This message was deleted
This message was deleted
$.ajax({
url: searchUrl,
data: {
format: 'json'
},
dataType: 'jsonp'
}).done(function(res) {
if (typeof callback === 'function')
callback(res);
});
guys , i wish to share my quote onto fb wall from my codepen pen ,what should be my approach?
With flexbox, I tried to display image and corresponding text in the same row, like [image] [text], but didnt make it.
.flex-container {
padding:0;
margin:0;
list-style:none;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.flex-item {
padding:5px;
width:668px;
height: 451px;
order:2;
text-align: center;
font-family: monospace;
font-size: 15px;
color: black;
font-style : italic;
}
padding:0;
margin:0;
list-style:none;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.flex-item {
padding:5px;
width:668px;
height: 451px;
order:2;
text-align: center;
font-family: monospace;
font-size: 15px;
color: black;
font-style : italic;
}
The above is my code. The text comes below the image repeatedly. What's wrong with my code?
What I want is:
Three rows of "[ image] [text]" alignment.
@denisinvader i been reading, yea it seems i have to learn to use ajax instead of GET
Do I need to use <div id = > tag in html?
but it looks really complicated :(
I use div id tag at the same time, but the result got messy. Texts and images are overlapped with the texts still below the images.
Can anyone show me the code that aligns like [image] [text] using flexbox?
I'm almost done with my tribute page. One thing I want to put a touch on is flexbox. My trial wasn't successful. Here's my tribute page below. Your feedback would be appreciated. https://codepen.io/girlcodecrush/pen/yXKaYb
@girlcodecrush Alignment can be done in many ways. Be more specific.
@girlcodecrush styles are meant to go in the CSS code block on codepen. This makes things easier for us to read.
@girlcodecrush The JS is just adding more style? Very confusing.
Thanks for your comment. Johnny. I attemped to use flexbox to have [image] [text] alginment, but didn't make it. What's wrong with my code?
@JohnnyBizzel Thanks for your comment. Johnny. I attemped to use flexbox to have [image] [text] alginment, but didn't make it. What's wrong with my code?
girlcodecrush sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1734 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
@girlcodecrush An example: the CSS is in the CSS window and the HTML is in the HTML window: https://codepen.io/Zuroslaw/pen/vXkGPy
I still don't know what you mean about aligning image and text so I recommend reading this article: https://css-tricks.com/almanac/properties/a/align-items/
@ashishsb95 You can use raw jquery + Ajax. Or you can try - http://sharrre.com/
What I mean is an image comes first and the description text next to the image in one row.
HI guys ! Can i use Boolstrap to put pictures side by side?
@SupernaturalDean you can use CSS for that I believe
@SupernaturalDean These boxes are side by side - if you add images to them, they will be side by side: https://codepen.io/HugoGiraudel/pen/2bfe2c024739bdd4098572f87d1bf585
@JohnnyBizzel Thanks,this help a lot
supernaturaldean sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1735 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
@SupernaturalDean :+1:
@marmiz With flexbox, I tried to make three rows of [image] [ text] alignment, but could't make it. Below is my code. Could you correct my code?
.flex-container {
padding:0;
margin:0;
list-style:none;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.flex-item {
padding:5px;
width:668px;
height: 451px;
order:2;
text-align: center;
font-family: monospace;
font-size: 15px;
color: black;
font-style : italic;
}
padding:0;
margin:0;
list-style:none;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.flex-item {
padding:5px;
width:668px;
height: 451px;
order:2;
text-align: center;
font-family: monospace;
font-size: 15px;
color: black;
font-style : italic;
}
@girlcodecrush Could you look at the example I sent you & @SupernaturalDean
I have a question folks:
How do I receive email from people in my portfolio through a form?
Do I give the "send button" a link to an email address?
How do I receive email from people in my portfolio through a form?
Do I give the "send button" a link to an email address?
@oatz You could use this: https://formspree.io/ (third party provider)
@oatz someone posted this in the other chat i while ago: http://blog.teamtreehouse.com/create-ajax-contact-form
@gothamknight @JohnnyBizzel Thanks guys!
I'll look it up now. Curious why the "name" attribute is required
I'll look it up now. Curious why the "name" attribute is required
oatz sends brownie points to @gothamknight and @johnnybizzel :sparkles: :thumbsup: :sparkles:
:cookie: 355 | @gothamknight |http://www.freecodecamp.com/gothamknight
:star2: 1736 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
@oatz where is the "name" attribute required?
@JohnnyBizzel I have three images and corresponding texts. The result I want is in each row, the image comes first and then, the text. So in the given example, where exactly do I need to add image? under .flex-item css?
@girlcodecrush Which of these alignments are you trying to achieve? https://www.w3.org/TR/css-flexbox-1/images/flex-align.svg
may i ask a question!!
Why do some URLs need to manually enter HTTPS in the address bar?
@Klar-t it adds encryption - for example when internet banking
@JohnnyBizzel It is flex-start.
But sometimes it OK？why?
@JohnnyBizzel
@Klar-t what ok?
url
@Klar-t Half past five
@Klar-t this might help....? https://www.instantssl.com/https-tutorials/what-is-https.html
If you look at my tribute page, on the bottom, there are three images and below each iamge, the text comes. I want to move each block of text to the right-hand side of each image. Herehttps://codepen.io/girlcodecrush/pen/yXKaYb
Thanks!
@girlcodecrush I will help you with your code if you fix your codepen. At the moment it is a mess.
@girlcodecrush I recommend you put things you want to align inside divs
@JohnnyBizzel https://codepen.io/girlcodecrush/pen/yXKaYb
@JohnnyBizzel its says in the link you sent in step 2) that a name attribute is required to ensure data being sent. I answered my own question haha
@oatz :eyes: Well done!
@JohnnyBizzel moved style tag to css block
@girlcodecrush I have added border on the divs to illustrate where the divs are https://codepen.io/JohnnyBizzel/pen/ayppgr
Hey everyone, does anyone know if theres a place on fcc to get your projects code reviewed? To get tips on code structure and best practices etc?
@JohnnyBizzel i was very close. I used div id tag and the result was even messier. Thanks a million! :)
girlcodecrush sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1737 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
@girlcodecrush Anytime ;)
@ixava you can post your code here or https://gitter.im/FreeCodeCamp/CodeReview and people could look at your project and review it
@heroiczero Thanks :)
ixava sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1579 | @heroiczero |http://www.freecodecamp.com/heroiczero
Hello all, how can I get started to developing an elearning platform?
@iamoldham start from here https://elearningindustry.com/creating-online-learning-platform-scratch it might be of some help
@AminuSufi585 Thank you.
iamoldham sends brownie points to @aminusufi585 :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @aminusufi585 |http://www.freecodecamp.com/aminusufi585
You're welcome!
@JohnnyBizzel There is one more to ask for a help about. The original images (the last 3 imamges) don't shrink. So part of the text overlaps with the image. How can I adjust the size of the images? Do i need to put style specifics in each of the image tag, like <img style="width:70%" ......>?
@girlcodecrush use css to resize your image.. its far better
@girlcodecrush Another technique would be to have the images as backgrounds - then re-adjust the size of the div container.
g2g, gl!
@JohnnyBizzel That's new to me. will try to figure it out. Thanks!
girlcodecrush sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1738 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
help why is my github messed up but works on codepen?
https://phoenix-burn.github.io/portfolio/
https://codepen.io/phoenix-burn/full/bRRaEO/
https://phoenix-burn.github.io/portfolio/
https://codepen.io/phoenix-burn/full/bRRaEO/
@phoenix-burn What's wrong with it? I see that everything is perfectly okay in both pages.
Really? The portfolio section and the overlay doesnt work pretty much everything on github as if there are no css
@AminuSufi585
Ok yeah I realise the problem.. let's check
Do I have to make 2 players mode in Tic tac toe challange?
or I can just make only me versus computer mode?
@phoenix-burn I can't figure out the problem, but you should try validating your html and css files using validators, and also make sure its the same codes in codepen you're pushing to your gh-pages repo on github.
@AminuSufi585 it is im not sure whats wrong. I know it will take github some time to process the code but not this long. I'll try validators. Thanks
phoenix-burn sends brownie points to @aminusufi585 :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @aminusufi585 |http://www.freecodecamp.com/aminusufi585
You're welcome!
can anyone help me with the positioning
the responsiveness of the page isnot great
@akodia488 meeseeks :wave:
@AdiSkywalker hello skywalker :wave:
you busy bro @AdiSkywalker
Right now? No I'm not
What you got?
i can send you the code for the precise problem...hold up
@AdiSkywalker same issue kinda..... i am trying to understand why the divs are overlapping
@akodia488 you got codepen?
@AdiSkywalker https://codepen.io/akodia/pen/KmjQwY check it out..it looks okay on a large screen but when i reduce in size,..it gets funny
okay
Where do you want that
My Expertise to show up?
Below hiring availability button?
@AdiSkywalker exactly
below the hiring part
network failure here
i apologize for the long reply
bt
so..do you think you can nail it
@akodia488 I did
in your
.code-pirate
get rid of
position: absolute;
and all is good
from absolute what attribute do i change it to
after changing it to nothing
it made the background image weird
can i just send you a zip email with how far i have gone then you check it out for me
@akodia488 just remove it.. Don't specify position
Just make changes on your code pen and save them.. I'll be able to see them here
@AdiSkywalker okay..i have done that but the display got a little worse when i made my browser the size of a phone
i have an issue with the responsiveness bascially
i have madea few improvements of my own but i really think that if i sent you a zio file of the entire website, you wiuld easily make the change
It's just ineffcient especially when we have live environment like codepen
I can see the changes you make in real time
@AdiSkywalker okay..have you seen the page behaviour once you reduce the screen size?
it gets a little weird
Yes.. I'm looking at it right now
will send you my recommendations in a few mins
I got the problem
First thing is on your div with
id="particles-js"
change it's class from jumbotron to container or container-fluid
second. on your
.code-pirate
you have fixed padding of 100px on top and left.
this is applied irrespective of screen size
you need to write media query for this class
@AdiSkywalker how about if i was to use vw instead of pixels.... what do you think?
won't change a thing...
just do the standard way... Use media query
@AdiSkywalker alright let me check out media queries then get back to you bro
Second your markup organization is problematic
you have nav and then just random floating divs
It's like this as of now
<nav>
<!-- Some brilliant nav-->
</nav>
<div id="particle-js">
</div>
<div again-some-div></div>
<div again-some-div></div>
<div again-some-div></div>
Wrap all the floating divs in a container-fluid
like
<nav>
<!-- Some brilliant nav-->
</nav>
<div class="container-fluid">
<div id="particle-js"></div>
<div again-some-div></div>
<div again-some-div></div>
<div again-some-div></div>
</div>
alright..let me do that
next get rid of all those nasty
<br> tags
that's a real source of evil
@AdiSkywalker hahaha i get you..... i had a feeling they came with a price to pay
:laughing:
fix these first will send you more recommendations sooon
I've been playing around with react, but I'm getting a compilation error. Does anyone know what this is?
Failed to compile.
Error in
Module build failed: TypeError: Cannot read property 'length' of null
at Object.module.exports (C:\Users\Arun\WebstormProjects\portfolioreact\node_modules\url-loader\index.js:15:26)
@ ./src/Landing/landing.js 14:8-19
@phoenix-burn it was fun :)
your variable length haves a null value
post the code
@ApCoder123
oh I can't help you I am saying post it so someone can help you
is this the same thing you get when your
you're in your C directory and on github
@ApCoder123 what is
import Particle from '';?
in
./src/Landing/landing.js
any ideas when beta fcc will go live @thekholm80 @AdiSkywalker
@thekholm80 I don't know how that happened. it was
import Particle from 'react-particles-js';
@kelechy I've not heard a firm date, some are saying maybe November but I don't know how reliable that is
@ApCoder123 if you change that, do you get the same error?
@thekholm80 I just changed it and it's working now. Thanks but I'm still not sure how that happened
apcoder123 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1428 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@ApCoder123 :+1:
i think they might not meet the nov deadline @thekholm80
@kelechy it seems like they have a lot of work left
yea @thekholm80
Question on the twitch site, how can I tell if someon is on a certain channel or online from the json call? I called channel, stream, user and it does not say online. Is it the fact that if I call the stream of some channed it is not null?
yep
if you get null, they're offline
Oh okay,
so how do I know what users are in a channel it don't show that? or do I call everyone that is in that array of people on the side of the fcc challenge. I have been looking for the proper call this whole time
@thekholm80
@daddycardona I'm not sure what you mean
So if they have a live stream and 3 people are watching the stream how can I tell whom they are?
oh, i don't know
i just made an array of the channel names, called the 'channel' api to get information about each channel then called the 'stream' api to see if they were online or not
It has change that challenge because I have to have an api key now and I fixed that lol
you don't need an api key
Oh okay well that works for me
and you shouldn't use any api that requires a key in codepen
yes you do now even the other api they have for it does not work lol
these are the apis i used, they're working
hmm, my background image is not working though lol
Yes alot of the bg images are not for a lot of peoples
the other funny thing is in the windbow channels it says offline img
I was using that api wrong that was my issue but I got a free key anyways and it looks nice lol
anyways thanks @thekholm80
daddycardona sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1429 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@akodia488 your github icon is shaking out of fear
Is the "mist" weather icon from the FCC weather API broken?
I can't make it show on my weather app
all other icons do show
It just shows a broken image
How to do a triangle like this JUST WITH CSS? :( I tried,I tired but I cant.
- --- -.. .- -.-- .. ... -- -.-- -... .. .-. - .... -.. .- -.--
@diomed What's up?
@razvanlikespizza google always help
@overmelo I tried,I cant understand any code.. :(
try to know what each properties do @razvanlikespizza .
@overmelo ...:/ Okay..
@razvanlikespizza should be animations, right?
@overmelo Nope,it should be a simple form like that.
@overmelo And just CSS. :/
do u want to upload an image or u want to create a canvas? @razvanlikespizza
@overmelo I want to create an image like that,just with CSS...:|
ok
@razvanlikespizza check this https://css-tricks.com/examples/ShapesOfCSS/
@ravikishorethella I can do the triangle form,but what about the colors? :((
@razvanlikespizza just change the background-color to whatever you want it to be
@austinwiggins It transforms in a square if I change it with linear gradient.
@razvanlikespizza check this as well https://codepen.io/creme/pen/ntvqe
@razvanlikespizza maybe you should just stick with one solid color
can't find d solution. myVar = myVar should be changed
@austinwiggins I cant... :3
@razvanlikespizza why?
@austinwiggins I need to create a slice of pizza....And just 1 color?
@razvanlikespizza ohhh, I think the best method for that would be for you to create many shapes with one solid color and, using absolute & relative positioning, create it from there...
@austinwiggins Yeah,but it has a rounded part and its kinda hard to reproduce that.
@razvanlikespizza Oh, that's too bad. I wish I knew how to help but I'm not really an expert at CSS, sorry :(
@austinwiggins I appreciate you tried.thanks.
razvanlikespizza sends brownie points to @austinwiggins :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @austinwiggins |http://www.freecodecamp.com/austinwiggins
Sure thing @razvanlikespizza. Good luck and all the best!
@austinwiggins :)
@razvanlikespizza use css gradients 4 background
@diomed Doesnt work.. :/
@diomed Just solid colors.
@diomed hi :sunny:
@ahh chevere, hola
My first day of JavaScript.
I have to: Assign the value 7 to variable a. Assign the contents of a to variable b.
And I don't even understand what this means:
Assignment always goes from right to left. Everything to the right of the = operator is resolved before the value is assigned to the variable to the left of the operator.
Help!
I have to: Assign the value 7 to variable a. Assign the contents of a to variable b.
And I don't even understand what this means:
Assignment always goes from right to left. Everything to the right of the = operator is resolved before the value is assigned to the variable to the left of the operator.
Help!
var a = 7;
var b;
a = 7;
b = a;
// Setup
var a;
var b = 2;
// Only change code below this line
@mbmontana the top portion looks fine, delete the bottom two lines
it's messing up because you didn't follow where it said
Only change code below this line lol
hi @Margaret2 :tiger:
and about that paragraph, take an example:
in this case, the expression on the right (2+4) is resolved to the value
then the value of 6 is stored in the variable on the left, which is
var x = 2 + 4;in this case, the expression on the right (2+4) is resolved to the value
6then the value of 6 is stored in the variable on the left, which is
x
@mbmontana
@Margaret2 decypher this :point_up: August 6, 2017 6:56 PM hue hue hue it's new GOT spoiler
@diomed lol morse code?
why would i want a spoiler :laughing:
@Margaret2 That makes sense.
purrhaps
@diomed i'm watching a chinese historical drama now to practice my chinese
i recognize a lot of words and i can understand some of the sentences, but i still need the subtitles lol
sounds like my english
i'm finally watching a real tv show :joy:
chinese historical drama is not a real tv show
it was on tv in china ...
:yum:
GOT is real TV show
got is so dirty tho
really? I didn't notice
:angel:
i just watch summaries of what happened
anyone familiar with flask and using pip?
oh lol
I'm familiar with first part
@Aperez007 not me, sorry
like flask of whiskey
@diomed you use php right? :smiling_imp:
could use some whiskey!
no. that's a joke some guys have on me
hmm
I'm calling pip to install flask and its not working
Manish Giri is a darn liar
about that1
he made it up
just to mock me :sob:
I use stuff that runs on php, tho.
@forkerino are those holidays ready yet?
hue hue hue :smiling_imp:
@Aperez007 fcc is mainly for html/css/js, but you could also ask in the main room i guess https://gitter.im/FreeCodeCamp/FreeCodeCamp
@Margaret2 didn't solve my morse code :sob:
I thought she's :shipit:
I thought she's :shipit:
@Aperez007 python questions are best asked in the FCC python room: https://gitter.im/FreeCodeCamp/python but I don't think anyone has been online in there this weekend. If you have the latest version of python try installing using pip3 rather than pip. If you are on Linux and using pip to install, if you aren't specifying the specific path you want to install flask to since pip does a global install, you need to sudo to get the appropriate permissions to install on a global level.
@diomed i told you i didn't want a spoiler :laughing:
@Margaret2 I was joking . that 's not a GOT spoiler.
@diomed it's your birthday!? :scream:
whaaat? O.o really? :yum:
Happy Birthday @diomed ty :tada: :smile: :smile:
margaret2 sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:star2: 5202 | @diomed |http://www.freecodecamp.com/diomed
Is it a good idea to edit Bootstrap classes? Or is it encouraged to use a bootstrap generator http://getbootstrap.com/customize/#navbar?
@danii956 yeah, u can overwrite them with your own values. that's nothing unusual
@danii956 You can even compile bootstrap with own values
Kk thanks @diomed @korzo
danii956 sends brownie points to @diomed and @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @korzo |http://www.freecodecamp.com/korzo
:star2: 5203 | @diomed |http://www.freecodecamp.com/diomed
Can some help me add a new line because \n is not working or <br>
any one can help me with thios?
@daddycardona Your flexbox CSS is preventing that from happening.
display: flex;
align-content: center;
align-items: center;^^ That needs to be applied to a single element that wraps the content you want to vertically center
Okay let me take it out :)
thank you @SkyC0der
daddycardona sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2321 | @skyc0der |http://www.freecodecamp.com/skyc0der
@daddycardona Here is a general pattern that you might find useful
.f {
display:flex;
flex: 1;
}
.c{
flex-direction: column;
}
.jcc{
align-items: center;
justify-content: center;
}and in html
<div class="f c jcc">
<div> Some vertically and horizontally aligned content</div>
</div>
do you have a codepen that shows that if not I will use that :)
if not I will make one i mean and use it
@daddycardona hold on
why not fcc? @AdiSkywalker :yum:
LOL
@diomed jcc for justify content center
@tiagocorreiaalmeida For that error, press Ctrl+C to cancel the package.json creation and then run npm help
fcc for fixed content center
?
@daddycardona There you go
hey how come I put I just did it but okay thanks ;)
.
.
So what I was really trying to ask now, is how come my picture size not cover?
@AdiSkywalker thanks I just did that for my self ;)
daddycardona sends brownie points to @adiskywalker :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @adiskywalker |http://www.freecodecamp.com/adiskywalker
https://codepen.io/ldangelo41/pen/vJEQyv?editors=1100 can anyone tell me why my css isnt working for my <p> tag
Where is your p tag?
I only see h2
@ldangelo41 Looks like you have a period after
'Serif' instead of a comma:p {
font-family: 'Serif'. Avant-Garde;
font-weight: 600;
color: #A9A9A9;
}
You'll need to get rid of your
<center> tags too - those are deprecated, use text-align: center instead
And, you'll probably need to be as specific as bootstrap:
.jumbotron p {
color: #A9A9A9;
font-family: 'Serif', Avant-Garde;
font-weight: 600;
text-align: center;
}
thanks!
@ldangelo41 you're welcome
Can someone take a look at my codepen and see why my image is not being responsive? My image is bigger than the parent it contains when I shrink it. https://codepen.io/danii956/full/PKbgGJ/
@danii956 77iH1VZ.png Failed to load resource: the server responded with a status of 403 (Forbidden)
Fix the location.
Oops that was weird. https://codepen.io/danii956/pen/PKbgGJ?editors=1100
@danii956 Same error!
@razvanlikespizza Hm... all I need to do is copy the url right?
To be sure its HTTPS (otherwise its blocked for security reasons)>
well, I think the link includes the https doesn't it?
@danii956 On my website its working 100% : http://razvanel.cf/77iH1VZ.png Test it.I can delete it if you want.
@danii956 Not always HTTP is blocked...but its good to know. (more important elements are blocked).
@danii956 I can delete that anytime you want...just test it.
Umm its png so I can't access it now
@danii956 What?
You mean my code is working on your website right?
No, I uploaded the photo on my website ,and if you use that link in codepen its working.
@danii956
Hmm... It's still not working for me. I'm using Chrome. Have you tried it on your browser? @razvanlikespizza
@danii956
So when you change the width to a mobile size, my image shrinks? @razvanlikespizza
@danii956 Nope, it doesnt.How do you wanna make it shrink?
Thanks @Takumar it works now!
alapota sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star2: 3779 | @takumar |http://www.freecodecamp.com/takumar
@razvanlikespizza '<div id="introImg" class="col-xs-4">
<img class="img-responsive" src="http://razvanel.cf/77iH1VZ.png" alt="A picture of Young Jae taken in front of University of Illinois quad">
</div> ' I'm trying to use the Bootstrap's img-responsive class in order to resize the picture accordingly.
<img class="img-responsive" src="http://razvanel.cf/77iH1VZ.png" alt="A picture of Young Jae taken in front of University of Illinois quad">
</div> ' I'm trying to use the Bootstrap's img-responsive class in order to resize the picture accordingly.
@danii956 Put in the same container with the paragraph.
@alapota you're welcome
Both the paragraph and the image are in <div class='jumbotron'> but separated with <div class='col-xs-8'><p></p></div> and <div class='col-xs-4'><img></div> inside the parent element with class='jumbotron'. So they are in the same container in that sense but cannot put the img inside <div class='col-xs-8'> or else bootstrap grid system will not behave correctly. @razvanlikespizza
@danii956 Not that far...put in the container ,same as paragraph.
@danii956 I saw it is ,lol.Sorry :))
@razvanlikespizza lol no worries
@danii956 Put the width for the image, class='img-responsive col-xs-x'
<img class="img-responsive col-xs-12"
@danii956 IT WORKS!
Oh wow thank you! @razvanlikespizza
danii956 sends brownie points to @razvanlikespizza :sparkles: :thumbsup: :sparkles:
:cookie: 224 | @razvanlikespizza |http://www.freecodecamp.com/razvanlikespizza
:)
@danii956 CHANGE THE LINK! Imgur is not good for that.
@razvanlikespizza What do you recommend me to use?
@danii956 https://postimages.org/
lol looks good. Appreciate the help again @razvanlikespizza
@Margaret2 x
@thekholm80 :joy: :joy: :joy: :heart_eyes: :heart_eyes: :heart_eyes: it's so cuuute
i wish i could reverse it
Guys,do you know how to do a 3D effect in CSS?
generally i do it with text-shadow or box-shadow
anything fancier than that is beyond me
@razvanlikespizza Agree with @thekholm80 ... use shadows
@thekholm80 That sounds interesting.I didint think at that till now. Thank you , I will try.
razvanlikespizza sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1430 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@razvanlikespizza of course you could alwasy google: https://www.google.com/search?q=css+3d+perspective
@revisualize Yup,but I find just complicated things.
@razvanlikespizza https://www.google.com/search?q=css+3d+button
@razvanlikespizza You're talking about a complicated process.
@revisualize Thanks. I will try to reproduce that.
razvanlikespizza sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4414 | @revisualize |http://www.freecodecamp.com/revisualize
@revisualize I didn't searched that.
@razvanlikespizza If you're trying to do something complicated ... You're going to find complicated results.
@revisualize I am not...:3
@revisualize Maybe I make it complicated.
@razvanlikespizza Maybe check out https://codepen.io/sean_codes/
@razvanlikespizza http://jsbin.com/tijufayuqi/edit?html,css,output
@revisualize @thekholm80 Thanks..
razvanlikespizza sends brownie points to @revisualize and @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: razvanlikespizza already gave thekholm80 points
:warning: razvanlikespizza already gave revisualize points
Nvm,google.
xD
Anyone able to dumb down the Arguments Optional problem in the "Intermediate" algorithms section ?
@razvanlikespizza http://jsbin.com/tijufayuqi/1/edit?html,css,output
wth it didn't save my border-radius addition
bad jsbin
Uhmmm..:|
all i did was add
border-radius: 10px; in the .box css
@thekholm80 I see. :) <3
" In the game of golf each hole has a par meaning the average number of strokes ".
May I know what "par"and "strokes" means? I dont have any ideea.
May I know what "par"and "strokes" means? I dont have any ideea.
if a hole is "Par 3" that means to make "par" you have to get the ball in the hole in 3 shots
2 shots on a par 3 is a 'birdie', 1 shot is a "Hole in One", 4 shots is a 'Bogey', 5 shots is a 'Double Bogey'
@thekholm80 Do you play Golf or what? xD
most days
@thekholm80 Thats cool! Thanks by the way.
razvanlikespizza sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: razvanlikespizza already gave thekholm80 points
np
he plays golf with trump
he's currently in jersey
holidaying with trump and golf
oops he's the best golfer ever
:smiling_imp:
Going to send the screenshot to Trump
:wink:
Hm,hm...
welp, nice knowing you all
I'm not sorry for you
@Manish-Giri hi Manny :wave:
@Margaret2 x
@Margaret2 :wave:
that's cute but bears are weird @thekholm80
i like little bears
big bears are scary
Help please.
i tried these 2..
pls,i dont know what to do
case 4
@razvanlikespizza you need to do
case 1, case 2, etc. and the answers should be strings
i wish i had some pizza :sob: :pizza: :pizza: :pizza:
@Manish-Giri what pizza do you like
@Margaret2 https://goo.gl/VfKEdZ
@razvanlikespizza PIZZA! :heart_eyes:
i'm so hungry
@Margaret2 https://goo.gl/TNWqkB
@razvanlikespizza wait a minute, did you make those? that's really cool
@Margaret2 this one
for obvious reasons
@Margaret2 Yup,thank you...
razvanlikespizza sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2869 | @margaret2 |http://www.freecodecamp.com/margaret2
haha wow :laughing:
Help? :3
Stll trying but...I dont understand the logic.
@razvanlikespizza
answer = alpha; is not right because when you type a word without quotes, that's a variable. and there's no variable named alpha
so you have to use quotes for it to be a string
I did it..But dont understand it @Margaret2
case 1 ,means if val === 1?
switch (val) {
case 1:
answer = "alpha";
break;
case 1:
answer = "alpha";
break;
essentially
How does it know if my val its 1?
that's just how the switch statement works, when you say
switch (xyz), it checks the value of xyz and matches it up with the right case
case 1 checks if val = 1?
pretty much
I understand now @Margaret2 Thanks.
razvanlikespizza sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:warning: razvanlikespizza already gave margaret2 points
but you can't say
switch (val) and then case val === 1 because if val is actually one, that's like saying case true
I see :)))))
:D
If <label for="#"> designates assignment to <input id="#">, what is the point of adding a name attribute to <input>?
@serpad If you have multiple labels
Male
Female
Animal
If they have DIFFERENT NAMES you can select all of them,if they HAVE THE SAME name you can select just 1.
Male
Female
Animal
If they have DIFFERENT NAMES you can select all of them,if they HAVE THE SAME name you can select just 1.
This in the case of radio buttons. If not...uhm...to identify it I think.
So it's only useful for radio/checkbox?
For me yeah...
Maybe you can find and other uses.
@razvanlikespizza okay thanks
serpad sends brownie points to @razvanlikespizza :sparkles: :thumbsup: :sparkles:
:cookie: 232 | @razvanlikespizza |http://www.freecodecamp.com/razvanlikespizza
If I give <ul> a class declaration that automatically assigns all of the <li> to that class, right? Trying to avoid as many unnecessary <div>s as possible.