get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
hey guys
I just dont understand
what it wants me to do?
how do you get those pairs?
only pairs are AT and CG, so when you get a letter, you return it with it's pair in a 2D array, like so
A: return ["A","T"]
T:return ["T","A"]
C:return ["C","G"]
G:return ["G","C"]
@Gersho thanks really dont get it still tho >.>;
ericmiller777 sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 399 | @gersho |http://www.freecodecamp.com/gersho
okay
i think i get it
@ericmiller777 It really messes with your mind at first, but once you get it, it's a facepalm moment.
Am I missing something? How are we supposed to use the twitch api workaround and fullfill all the user stories if we can only call user, channel and stream?
that's all the info you need
and you can always use the original twitch API
But then I have to get an API key and display it publicly in codepen
@just1witness yea was a easy one thanks
ericmiller777 sends brownie points to @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @just1witness |http://www.freecodecamp.com/just1witness
@just1witness anything you need for the user stories is in one of those API
I know I can get it with the twitch api, but I'm trying to use the workaround
yea
?
1 sec
can do uall user cases with those two
id help out more
but i gtg
this is what i made https://ericmiller777.github.io/Twitch_App_freeCodeCamp/
not supposed to look at the source tho
k, cool thank you!
@ericmiller777 ty
just1witness sends brownie points to @ericmiller777 :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @ericmiller777 |http://www.freecodecamp.com/ericmiller777
evening fCC
yo! I pretty much finished my twitch app. It looks good on different size screens too :)
@DarrenfJ
cooool
got a link?
thanks @just1witness will check it out
darrenfj sends brownie points to @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @just1witness |http://www.freecodecamp.com/just1witness
@DarrenfJ no thank you, tell me what you think
just1witness sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2006 | @darrenfj |http://www.freecodecamp.com/darrenfj
:)
will do.. but not sure how much i can add since i'm in the middle of mine and my CSS-fu is also crap...
@DarrenfJ This helped me a lot to make it responsive. I thought I was done awhile ago, then I looked at it on my phone... it was all kinds of fubar.
https://www.w3schools.com/css/css_rwd_grid.asp
https://www.w3schools.com/css/css_rwd_grid.asp
I will probably still mess around with that more tomorrow, tbh
cool.. thanks...
i like the design.. simple but still visually grabs you..
not overdone with conflicting colours etc
th blue/purple shades work together well
everythings so nice and rounded..
i'm a big fan of fonts and i like the header font
followed you in CodePen and github... :D
hey can anyone help meout
cant get the transition effect to work
.wiki-link:hover{
transform:scale(1.2);
color:purple;
}$(".wiki-link").css({"text-decoration":"none","transition-property":"all","transition-duration":"1.3s","color":"rgb(40, 105, 255)"});
@DarrenfJ Thanks for the love man!
just1witness sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:warning: just1witness already gave darrenfj points
lol, need sleep
i hear yah:D
i've been reading history websites all day
making me sleeeeepy
@prakashyadav008 your css for wiki-link should be something like:
.wiki-link:hover{
text-decoration:none;
color:rgb(0,96,252);
font-size: 1.5em;
}
https://www.freecodecamp.cn/challenges/create-a-bootstrap-row
哪位大佬帮忙看下 在你的 h3 之下增加一个 div 元素 是什么意思..
哪位大佬帮忙看下 在你的 h3 之下增加一个 div 元素 是什么意思..
@Liuvvvvv
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
create a div tag with class="row"
</div>
:point_up: September 4, 2017 11:25 AM @sorinr but the transition effect should work right..?
@prakashyadav008 transition
transition:all 1.3s; is working but in case of text i would use text-size property instead of scale
guys I am not at all interested in web development can I still do open source work? Every open source that I see is related t web development.
can someone help me with my open source queries?
What do you want to do?
There are plenty of open source projects that aren't web based.
SymPY, gimp, krita, DIA, libreoffice.
thunderbird.
Firefox.
I am interested in image processing and speech recognition.
So, imageJ?
Or openCV.
:point_up: September 4, 2017 2:56 PM @sorinr transition isnt working
and I had one doubt about gsoc whose answer i didnt get anywhere
@prakashyadav008 what you wanna perform?=
@tiagocorreiaalmeida i want the zoom effect on the links
What kind of zoom effect?
like growing or something?
transform:scale ?
the organisations under gsoc list more than technologies for e.g. python, c++, django, javascsript,etc.... for participating in gsoc under that organisation should i be familiar with all the listed technologies or any one of the listed technologies?
@prakashyadav008 https://codepen.io/pethaf/pen/BZrLGp Is this the effect you are looking for?
I.e. when you click on the rectangle.
ya
or like expand right
@prakashyadav008 its not working with scale(). using text-size prop as in the example you will see its working
since zoom will cause it to overflow and then some part of the link will not be visible
hey guys, I'm creating a 3 match puzzle game that will also have elements of an rpg dungeon crawler. However, I don't have much experience using html5 canvas. Would it be bad if I used tutorials online to create the 3 match puzzle game part? This is an app that I plan to launch on Google Play Store once it's fully completed
doesnt scale apply to <a> tag @sorinr
changing the font size changes the margin of the below element
@prakashyadav008 yes but <a> tag is actually text. if you want to use scale try using some height/width props and then scale()
it was working earlier
something changed and now its not
@AmitP88 If the tutorial is a general overview of how to create it. It should be fine, but if you are trying to use another person's code you should generally get permission and give credit. Similar to how people use Github to share code.
@heroiczero for sure. If I were to use someone else's code (even if I modified and expanded off of it), I'd cite it in the source code. I was just wondering if since I plan to launch this as a mobile app on Google Play Store, that it would be so bad to use someone else's code. Here's the tutorial I found on how to create a 3 match game: http://rembound.com/articles/how-to-make-a-match3-game-with-html5-canvas
@heroiczero my version of the game will have significant changes to this though, since I want to implement elements from rpg dungeon crawlers into this 3 match puzzle game
@AmitP88 well if you are using it
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see http://www.gnu.org/licenses/.the owner of the code wants you to do this.
@AmitP88 even if you "modify" it.
@heroiczero ah ok :) I'll still read through it so that I understand the concepts on how to do it (for my own learning), but I'll use it then :)
i have an issues with ruby
anyone knows about ruby here ?
finished a twitch tv app, feedback is appreciated! :)
https://codepen.io/Just1witness/pen/KvXdRj
https://codepen.io/Just1witness/pen/KvXdRj
@just1witness Looks pretty nice - did you include the closed twitch accounts logic as well?
No... I should, eh?
It wouldn't be too hard
hmm I guess they removed that user story, nevermind. Might be something good to implement though for completeness if you have time:
User Story: I will see a placeholder notification if a streamer has closed their Twitch account (or the account never existed). You can verify this works by adding brunofin and comster404 to your array of Twitch streamers.
I may or may not, it depends on whether I choose to add that to a job portfolio.
You also appear to be manually adding users in your HTML, but the idea should be to dynamically add users based on your array of users
you could use one of your wells as a template then build clones of it for each user, filling in the user details as variables
Yeah, I did. I figured it was either a bunch more JS, or adding it in HTML, I prefer the HTML route personally.
It would be less JS then the amount of HTML you currently have
Since the scope of this project doesn't include adding users, I went with it
It was easy to copy and paste, lol
no problem, but remember that you get out of a project what you put in.
I doubt I'll be satisfied with any of the projects I do long term, they will certainly be changed in the future
At my level of knowledge though, I'm pretty happy I was able to call the objects with one function, you should have seen my first version. What my current 13 lines do, I had used almost 60 lines before.
@cmccormack Thank you very much for your feedback! :)
just1witness sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1181 | @cmccormack |http://www.freecodecamp.com/cmccormack
@just1witness np
morning fCC how goes the coding?
Fabulous, how goes yours? I slimmed my javascript for the twitch viewer considerably, you can see it above. Have you worked on yours at all?
@DarrenfJ
i've done nothing other than exercises today (like codecademy.. simple easy stuff) sorta taking the weekend off :)
lol, I hear ya
i got a coupla ajax vids i'm going to watch today though.. after :coffee: and maybe some netflix ;)
nice
@just1witness You probably should build the HTML for each user in the javascript and not build it into the HTML. If you did that, then adding a new user would simply be adding a new username to the array.
Oops, looks like you already got that advice
@sjames1958gm I know, I'll do that eventually, thank you for looking at it! :)
just1witness sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8435 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@just1witness :+1:
<script>
$(document).ready(function() {
$("button").addClass("animated shake btn-primary");
$(".btn").addClass;
$("#target1").addClass;
});
</script>
$(document).ready(function() {
$("button").addClass("animated shake btn-primary");
$(".btn").addClass;
$("#target1").addClass;
});
</script>
Says:Only add one class with each of your three selectors.
But I don't think I've added any.
But I don't think I've added any.
@Josebuendia
$("button").addClass("animated shake btn-primary"); you have three classes (seperated by spaces) in your button selector but none in the other two selectors .btn and #target1
The class is this element: ("animated shake btn-primary");?
@Josebuendia animated is a class, shake is a class, btn-primary is a class
Got it now; thanks @cmccormack
josebuendia sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1182 | @cmccormack |http://www.freecodecamp.com/cmccormack
@Josebuendia np
Hi there!
I'm having problems implementing the Skycons icons from the DarkSky API in my Local Weather Project... As it is now, it should be working
@gilalexandel Because you link html file
@gilalexandel https://github.com/darkskyapp/skycons/blob/master/skycons.js id HTML file and you will get wrong MIME error.
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("button").prop("disabled: target1", true);
});
</script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("button").prop("disabled: target1", true);
});
</script>
I've to disable the target1 button where is it going wong?
@gilalexandel try
https://cdn.rawgit.com/darkskyapp/skycons/41ff9332/skycons.js
@Josebuendia then
$("#target1")prop('disabled', true)
Thanks @korzo
josebuendia sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 448 | @korzo |http://www.freecodecamp.com/korzo
hey guys anyone who can help me implement reating-gen npm?
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i> so i just need a reminder why i should put the fa fa-paper in an another class between <i> and </i>? i = importing element from a source?
like why the fa fa paper plane isnt merge with the btn btn-primary
@Engjell00 see font awesome as text and so it needs to be <button>here</button>
i am sorry. I am still confuse.
<button>Fontawesome+ text?</button>
why <button> <i> </i> </button> ? To generate the text with the font awesome?
I mean the <i> </i> in between the button
@Engjell00 <i> is used to display the font-awesome icons
<i class="....">......</i>
oh I see thank you! sorry for spamming i am new to coding!
you are welcome :+1:
So i keep going in the challenges and I feel I will mostly forget half of it..
Should I redo all of it again lol?
@Engjell00 I have the same thoughts but I have been advised that the cure is to work on future projects, or to make a website using WIX and try and make using code yourself.
I'm looking at the maps after the HTML5 CS and bootstrap there is a 50 hours project. I guess that could help.
I am on the WIX website.. I don't see codes it looks more like a paint thing haha
@Josebuendia how good is wix as a host currently im using the free plan through freehosting and domain names from namecheap but the hosting leaves a lot to be desired
and with their level of support that iv seen i wont be adding on premium features
Hello. Could someone help me get https://www.freecodecamp.org/challenges/get-json-with-the-jquery-getjson-method work in Codepen?
Thanks @just1witness and @sjames1958gm That helped out a little however Stephen that program for illustration just confused me lol I never done an if statement like that lol
daddycardona sends brownie points to @just1witness and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8437 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
:cookie: 324 | @just1witness |http://www.freecodecamp.com/just1witness
sorry didn't mean to confuse.
@AaronOoooo what is wrong with your code it tells you what to write ?
I have it working in FreecodeCamp. I would like to know how to get it working in Codepen. Namely, I want to transfer the code into Codepen.
It is the fn stands for function but the if statement confused me
@AaronOoooo you have to make sure you have the jquery in javascript on too
@daddycardona I'm not sure where to put the code. Does it go into JS or CSS sections?
like you can't copy and paste it in
you need to put the code in the js
@daddycardona Huh? I don't remember how I helped you, but, my pleasure :)
@AaronOoooo you have to put what is between the
then you have to add the code under
<script> tags in js without the actual tagsthen you have to add the code under
</script> in the html tag
@daddycardona Hmmm...That is a bit of a challenge for me. Not sure if I have the skills to pull that off.
@just1witness with filter ;)
OHHH, yeah
@daddycardona Hmm.. OK.. I will give that a try.
@kyle-kauzlarich I, myself haven't tried it yet but that's what I was advised to do.
@AaronOoooo it won't work because you don't have access to the cat infor and it shortens the link
$.getJSON("/json/cats.json",
so that is not going to work in codepen.io
https://engjellbislimi.wixsite.com/monsite I just made this with WIX.. I use no code.. so i just felt playing like a paint game lol
@daddycardona OK...I will have to figure out some other tactic. Thanks for lett ing me know.
:cookie: 328 | @daddycardona |http://www.freecodecamp.com/daddycardona
aaronooooo sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
I have to figure out where the json is coming form
from
@Engjell00 the page haves a whole section I can't see lol
@daddycardona it comes from https://www.freecodecamp.com/json/cats.json
@daddycardona on mobile? anywho i suck hahaha
@Engjell00 I love beat boxing :)
@daddycardona oh nice man! I like it too i've been doing it force almost 6 years haha
I been doing it since the 80s not that great but I love doing it lol
@daddycardona oh nice so you got the old school hiphop style I like it
@Engjell00 https://www.youtube.com/watch?v=n7aNkkg5ziM this was some time ago :)
ok, after hearing this, you are required to beatbox the sounds in your Simon project ;)
lmao that will take a while for me I can't leave or get done with this damn whereare thou lol
oh the romeo one, it was annoying yes
Yeah and that was 7 years ago with out a mike :)
that was straight off my computer in Okinawa japan :) '
7 yeas ago ? if your profile picture is recent, i'd like to say you age very well
Hi, what part of the CSS within the JSFIDDLE controls the bounce height of the font awesome icon? https://jsfiddle.net/bg9kxuvz/
@daddycardona haha nice man! I feel it . It is soo awesome you are still doing beatbox I respect you
I do it for fun I want to do it like rozdel I think his name is where he sings and beatboxes lol
@daddycardona Rahzel! but yeah I wish i could sing haha I'm only good at beatboxing
I can do both LOL
i hate you! hahaha
i can sing too, as long as nobody is listening
HAhahha... @daddycardona You got that Human Beat Box down!!
and you know it maaaan lmao
I probably won't have internet for the next few days, i'd like some suggestions of some learning/training i can do offline
get a book lol and if you have your phone they have it with your phone some apps for this :)
won't the app need internet too ? and i can't get a book in such short notice (no internet in the sense, Irma is coming 3g won't work either)
but i guess reading Zeal should prove usefull, thanks @daddycardona
gersho sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @daddycardona |http://www.freecodecamp.com/daddycardona
you can go to the library they have scripting books
don't laugh but, it's closed because the AC is down
print a pdf book from the internet lool
@Engjell00 ...
i'm stupid
thanks @Engjell00
gersho sends brownie points to @engjell00 :sparkles: :thumbsup: :sparkles:
:cookie: 98 | @engjell00 |http://www.freecodecamp.com/engjell00
oh what hahahah thanks ! may i know what are the brownies for XD
you gain one for each challenge done, and one everytime someone thanks you in the chats
:o:
can anyone look at this and tell me why my image and caption and headings are to the left of my centered lists?
hey guys, I'm struggling on figuring out how to populate my canvas with my cell object in order to create a grid. I've looked at the canvas methods, but I can't find one which fits. I need help on coming up with a strategy to do this.
You probably don't want the cells to be one pixel in size?
@godluvu22 I can't see your code because its a project but I do see 2 carrots
<> as if you did not close something correctly
@godluvu22 look at your image element and the div elements
@godluvu22 line 21
Ok thanks Kyle and Albert! I will do both!
How can I put code from a project on this page?
@godluvu22 like quote code like this
```
```
<h1>hello world</h1>
and shift enter to start