for the random quote generator, are you supposed to create an array of quotes and randomly generate them? or are you supposed to get the quotes from the internet using json
it does not specify so i think your ok to do it either way
cool thanks
@shiranag your html form tag should be like:
<form action="mailto:youraddr@domain.tld" method="GET">
@angelbenoit if you want the extra challenge use a web api to get the quotes, or less a bit easier make an array filled with quotes and get them randomly
ok thanks, I'll try using an array first to get my site running and ill try the web api after
@angelbenoit good luck
Hey guys, CodeSchool is free this whole weekend, if you want to watch their premium courses do it now. https://www.codeschool.com/
hi gus
hi guys
anyone here?
@TheStylite some of us are here...
im using css grid to remake my portfolio project and I was wondering if I need to use a seperate container class to positioning or would that be overkill?
@DanJP2016 separate class to position what
the content inside the grid. i guess that would be handled already by the grid though would'nt it
@DanJP2016 that's totally allowed if it's what makes the most sense
ok cool. im trying to break away from bootstrap for the responsive css. im a little confused about how to structure the css and what to wrap the html content in
@khaduch en ,nice to meet you
@TheStylite - likewise...
@khaduch I'm learning the web development
@khaduch Study while working
how to deploy angular js project from loaclhost to web host
what is this?
I can't open this webpage. China is going over the wall here
I can't open this webpage. China is going over the wall here
@kbaig
Anyone stuck?
Google?
Hey everybody!
@ericzomar :wave:
is any one there ?
how's it going @kbaig ? are you working through the Front end certificate as well?
@ericzomar ?
how's it going @mrshabi ??
yeah fine .....
i need help...
can you please get me out m stucked at ""Ditch Custom CSS for Bootstrap"" ?
@ericzomar thanks
mrshabi sends brownie points to @ericzomar :sparkles: :thumbsup: :sparkles:
:cookie: 111 | @ericzomar |http://www.freecodecamp.org/ericzomar
yea, what part of it are you stuck on?\
on that part, they're just telling you to get rid of the code you don't need anymore
the code starts like this:
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
you should change it to look like this:
<style>
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
anyone stuck?
@ericzomar Nah I finished it over the summer
nice! was it difficult for you?
i guess ill log off for the night then
okay, see you later @kerafyrm02 !!
@ericzomar nah just takes time
Hello Everyone.
I am Madhav, just joined this chat room.
Link to my github profile is : https://github.com/MadhavBahlMD
I am a full stack web developer, and an open source enthusiast, would love to help if anyone needs it in frontend or backend.
Nice to meet you all :smile:
I am Madhav, just joined this chat room.
Link to my github profile is : https://github.com/MadhavBahlMD
I am a full stack web developer, and an open source enthusiast, would love to help if anyone needs it in frontend or backend.
Nice to meet you all :smile:
@MadhavBahlMD :wave:
hii :)
@MadhavBahlMD Hello.
hii
i will
@sarkioja professional look that meets the requirements, good job :+1:
nice
@GitHub-Henry Thanks Henry!
sarkioja sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 487 | @github-henry |http://www.freecodecamp.org/github-henry
@1532j0004kg Thanks Dinesh!
have a look on my 2nd FCC challenge, it's not 100% responsive, it took about 1 hour of coding
@sarkioja - I looked at your portfolio on my phone. It looks good. The navigation links don’t seem to be working, at least not on the phone. But it’s got nice styling and I’ll try to have a look on the desktop.
@khaduch Hi Ken! Must be a issue with the js for the smooth page scroll. I will check it out. Thanks for the heads up.
sarkioja sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3510 | @khaduch |http://www.freecodecamp.org/khaduch
@sarkioja - it's definitely a problem on the phone with the navbar links - everything seems to work fine on the desktop. If you want to take a look at it, if you go on the phone and switch to the "debug" view - that takes the CodePen wrapper away from the display of the project, and see if that works. I've seen that cause problems on the mobile view before.
Hi, anyone knows why when i work on localhost, the ajax() query is right done, but when i upload files to an external server, it doesn't works?
Buenos dias campers!
buenas
@minutazos can you link the file on the external server and/or copy the ajax call?
josepcano.com/php and the ajax call is:
var carga = function() {
$("#more").click(function() {
var content = $.get("/assets/include/load-second.php"
, function(htmlexterno) {
$("#more").remove();
$("#portfolio2").addClass("portfolio masonry");
$("#portfolio2").append(htmlexterno);
//Aplicamos arreglos
altura("#portfolio2");
hover("#portfolio2");
});
});
};
var carga = function() {
$("#more").click(function() {
var content = $.get("/assets/include/load-second.php"
, function(htmlexterno) {
$("#more").remove();
$("#portfolio2").addClass("portfolio masonry");
$("#portfolio2").append(htmlexterno);
//Aplicamos arreglos
altura("#portfolio2");
hover("#portfolio2");
});
});
};
and also, I don't know why, but there is some js styling elements, and if its the first time you charge the web, the style is not applied, but if you refresh, the style appears, why could be this happening?
@minutazos (using latest firefox: )
<a href="javascript:Carga();" id="more" title="Cargar contenido" style="margin: 0 50%;"><i class="fa fa-angle-double-down fa-3x" aria-hidden="true"></i></a> produces the error ReferenceError: Carga is not defined, but thats not really the problem...
The server returns a 404 status + the requested html page. But due to the 404 jquery handles it as an error. Maybe change some code server side so it returns 200 instead of 404
hey pro's. question about react and transitions. i looked it this, but it doesnt seem to work: https://medium.com/@joethedave/achieving-ui-animations-with-react-the-right-way-562fa8a91935
This message was deleted
This message was deleted
waht happ to backticks use??
3 before, 3 after
not good?
im messing up here
test
@ronstarcool backticks seem to be working still...
idk what im doing wrong
but nvm
i got it working. a lil bit.....
they have to be on their own lines...
ah!
right, first press the enter
haaaah
yes, thats it
:+1:
@rscales02 you happen to be react transition king? :P
@ronstarcool I wish... only have gotten the backtick thing because I have had to ask so many questions :laughing:
haha, nice one
hoping to finish my simon game today and then move into react
hey is it possible to define height of a div
ok, gl with that. its a tricky one
sure
just set it in css
how cus when i tried to do that in my external css that created the color of the div background disappears
@ronstarcool
ill check it
what line in css
its in my computer not in codepen
ow
let me send a screenshsot maybe or i think i could link it
Any thoughts on rounding the effective area of my center element and my buttons?
uuuh
image rscales?
@Gurukorgi can we reproduce the problem in codepen??
cause im not sure what ur trying to do
ok let my do that right away cos this a test for me at school
@ronstarcool using an image tag?
no, i mean: do you haven an image for me, or some other way to make it clear what it is you wanna achieve?
here it is @ronstarcool
when you mouse over the buttons there is an area affected by the corner of the
center-element in each of them
each colored button also has an effective corner that sticks out to the side of the game... although that issue is less troublsome than the center element issue
ah, you mean: clicking outside the color is effective, while it shouldnt?
@ronstarcool hey man have you checked it out ?
:worried:
second
what ?
oh jeez my battery is low
@Gurukorgi what are you try8ing to do?
@rscales02 ur area's seem effective to me. and not outside of it
<!DOCTYPE html lang="en">
dont put that in codepen
also not this:
<head>
<title>Lorem ipsum</title>
<meta chatset="utf-8">
</head>
no head tag / stuff
and no <html>
i am trying to make the lorem ipum text have a background color :white with 20px height
i have corrected the charset
see, its good now
or use line-height: 20px
and background: white
ok thanks
and , you forgot ur class, at the div
it was div=div1
<div class="div1">
thats awesome thanks a lot
@ronstarcool run your mouse over where the corners for the center element would be if it weren't rounded
ah, i see
pointer-events: none;
yes, i remember using it when i was working on my Simon
@rscales02 it works a lil bit at urs
now the circle is clickable also
no beauty
i did it like this: https://codepen.io/ronstarcool/pen/WowJKR
but idk if you can make anything of it
i used auto on that property
@ronstarcool that works!
auto?
or none
@ronstarcool thanks
rscales02 sends brownie points to @ronstarcool :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @ronstarcool |http://www.freecodecamp.org/ronstarcool
none for the center-element and auto for the child buttons to maintain their functionality
awesome
my buttons still stick out, but I don't think that is a problem...
@khaduch In the debug mode everything works fine, as if i was viewing on a desktop. I'll have to investigate more, to understand why the navbar is behaving like that on the phone mode. Thanks again for the help and suggestions.
sarkioja sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3511 | @khaduch |http://www.freecodecamp.org/khaduch
@sarkioja - I haven't figured out what's going on with that on mobile devices, except that I'm guessing that CodePen's interface does things that the phone browsers don't support? I don't really know a good way to debug phone problems because I would typically open the devtools console and poke around - but I don't have that kind of access in a phone?
@ronstarcool dude its not going to work if i use
its not working locally on my computer
hi
does anyone here use c9.io as their IDE?
not me
i need a new laptop for coding - anyone have any thoughts on what i should get?
Hi everyone . I know javascript basics , but everytime I want build someting , I get stuck . I don't know where to start or what to write ?? any toughts ??
@mradil16 - just a couple thoughts - there are courses on Udemy where they take you through the building of different website projects - it might be a way to approach it to see how people work through that. It would be especially helpful if they actually covered some elements of designing it, too, rather than having a concept in their mind and just going with it. The other thing to do is just put an idea down on paper and work through some details in your mind, how it should work, types of data, layout and UI design, etc. Then work from there?
I have a course on my Udemy list - "ultimate Web Designer & developer course: build 23 projects..." I haven't started it because there are too many things going on in my learning queue... but something like that might be helpful?
@moT01 desktops have more power for less $$$
but theyre big
an not portable
yea, i would like to build a desktop as well
but not quite yet
Simple solution, just don't leave your house
well, thats not a bad idea i guess - im practically already there
but no, i want a laptop
@moT01 Most laptops are powerful enough to do web development. Websites are run in a browser and it doesn't require a quad-core or a laptop that costs a lot. Text editors such as Sublime and VS Code also use very little resources. Depending on if you are only going to use the laptop for coding and not gaming, running huge excel files or compiling massive data which uses a lot of cpu cycles most laptops would fit. You then have to basically choose on your brand preference as well as cost.
yea i know, i can't really go wrong i dont think - i dont intend to game much, but i used to do some pc gaming and might do a little.
I love Dell XPS
Dell is known for long warranties (most 3 years) that has a 24 hour resolution period. But they cost more than most laptops in their range. I've found Acer and Lenovo to be reliable as well. Lenovo maybe a bit more than Acer but that's my preference. It's not really clear cut. Then it's between 10.1" or you standard 15.7" larger size. Asus and Macbooks make light and smaller laptops but cost WAY more for smaller size and weight
I had one all throughout college and it was great
I use it when travelling too
I've always had Acer devices poop out on me and they make you pay shipping to send it to the repair center, even if your stuff is under warranty
Yeah it depends probably on countries. Where I live you give it to the original supplier and they handle all that
USA
South Africa :)
A bit smaller
Oh you're the province over from Gauteng
I used to live in Joburg :)
Yup. Thats cool :fire:
i thought maybe an asus would be cheaper cause they make the parts
I'm generally pretty happy with my Asus products
i thought they did anyway
I'm not sure how their factory works. They might do the motherboard, sound and assembly but the CPU and RAM would come from somewhere else. There aren't Asus versions.
Yeah I've got an asus mobo
Not sure if they do other components
Where I live Asus is really close to Gigabyte and Lenovo laptops. The diff would be 3% if that much. But I've found Asus to be really reliable. And I like their Gesture software they incorporate in their laptops
They do Sound Cards, Motherboards, Graphics Cards. Not CPU's, RAM, HDDs, SSDs
thanks for the input everyone @Asjas @kbaig @GitHub-Henry
mot01 sends brownie points to @asjas and @kbaig and @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 488 | @github-henry |http://www.freecodecamp.org/github-henry
:cookie: 296 | @asjas |http://www.freecodecamp.org/asjas
:cookie: 432 | @kbaig |http://www.freecodecamp.org/kbaig
yea, im using a very old mac at the moment and it cant keep up anymore
Hey guys i was wondering if anyone could help me with an issue I am having ?
https://codepen.io/Botenga/pen/LObppm?editors=1100
Well when you click the outter edge of my website the Anchor tags arent activating.
https://codepen.io/Botenga/pen/LObppm?editors=1100
Well when you click the outter edge of my website the Anchor tags arent activating.
@mradil16 try building something you will use and also look the code of others. :-)
@Botenga Clicking outside of a page shouldn't activate a anchor tag. What do you mean?
What isn't activating?
@Botenga Do you mean the two
playstation and xbox anchor tags? Because that can be fixed by setting href="" and they act like normal anchor tags?
i mean that they should be blocks
You need to write css code for that to happen. Of you want to have it do something on
:hover you need to write it.
I am looking at your codepen but I'm not seeing the part of the css code that is trying to do so
@Asjas so when i hover over the link I should be able to click anywhere where the color changed . What im saying is when I click on the edge of the link it dosent display as a link. Instead it displays as normal text.
@Asjas I aplied display:block; to the ul
@Botenga Do you mean it highlights the text? That could be caused by the margin. Add a
border: 1px solid red; to the footer a css selector. That will allow you to debug if you are actually hovering on an anchor tag or over nothing
If you mean you click and it flashes and nothing happens that might be because you don't have any
target="_blank" settings on those anchor tags. By default codepen doesn't open a new tab. You need to specifically set it.
If I set a solid red border on the a tags, and click inside every single red box, it activates. I'm not seeing that it's not working. For me it works as you spaced it out
@Asjas i mean the navbar links
@Botenga I mistook outside the page as the bottom
when you click on the edge of them the mouse turns back into the regular pointer instead of the click link
It's caused by the
nav ul li {padding: 15px;}. The element doesn't take up that space, it's empty padding, so you can't click and activate the anchor tag. You can check by setting that to padding: 50px and you'll see the effect over a larger surface.
If you actually want someone to click anywhere in that box and activate the anchor tag you'll have to remove the padding and set the box height and width manually. Then set the anchor tag to 100% widht and height of the
li
Padding cannot be "clicked". It's empty space.
@Asjas what i did was remove the padding on the ul li and applied it to li a and it had the same affect and fix the issue.