<divclass = ""><formstyle="display: inline"action="http:/facebook.com"method="get"><button>Visit Website</button></form></div><h1>Webpage Design:</h1><h4>Showcasing What I Have Learned in FreeCodeCamp</h4>

<divclass = ""><formstyle="display: inline"action="http:/facebook.com"method="get"><button>Visit Website</button></form></div><h1>Webpage Design:</h1><h4>Showcasing What I Have Learned in FreeCodeCamp</h4>

Hey everyone. Just started working on my tic-tac-toe game and I'm wondering if there is a good way to maintain aspect ratio when dealing with resizing screens. I've been using vmin to make my div elements responsive, but that gives me a rectangle when I would like my game board to remain square at all times.

@mattiheubner That feeling of being overwhelmed is very common. When starting a project it helps to break down everything you'll need to do in pseudo-code (meaning plain english comments), then take everything one step at a time.

@Sevohan You can use dropbox or a similar cloud hosting service, or you can use AWS to host your files.

@mattiheubner If you are really stumped it might not hurt to go over to Codecademy and try out some of their website building modules for a little more practice before you dive in.

http://codepen.io/danraybernard/pen/GrLLBLI was having trouble trying to make my anchor links smooth scroll. I found some code from searching google and it works, but I'm having a really hard time understanding why. Can someone help explain the jQuery code?

@NitinNair89 it is i know the thing that is not working fine is suppose i do 10 * 5 / 5 it gives some weired answer similarly when i do 10+5-5 it gives weired answer it is working only when i am not changing between operators

Hello everyone! I have problem with google chrome. My local weather pen works in IE and Firefox, but it doesn't work in Chrome. Someone told me that the reason is the difference between http and https. But i don't think so. What do you say? http://codepen.io/zhann1982/pen/XpGgXJ

@IsaakNazar As i said before, it depends on the Developer and how the server handles it. I can serve HTML files with a name other than index.html in my web server. It's not a mandate, but rather a practice.

Does anyone think they could help me with the simon says project? I need to figure out how to stop the overlapped part of my buttons from being pressable/ interfering with the "face" part of my simon says. http://codepen.io/Lazypterodactyl/pen/xgMYBV

good midday everyone, I have a question, I'm starting with the twitch tv api and I checked the example, but if I click on a link in the example, all I get is a blank screen, is that only me? Or do other people have the same problem?

Hi, can anyone advice me on why my second . getJSON doesn't run when loading the page? I can get it to run just fine by binding it to a button (which you can see is commented out for now), but I want the code to run when loading the page. I am sure it is a matter of some stupidly simple rule I ignoredhttp://codepen.io/achudoz/pen/bgJQLx?editors=1011

@EvanDCP it seems to work. One minor thing i noticed is that the game does not announce a draw

@EvanDCP the button changes to accomodate the character in it and since #, X and 0 all have different widths, the button too changes its size to mach the character. To put it plainly, when I make a move as X, the button shrinks by about 5px

@nani554 well yeah that is exactly what it is. It was a big step from that to the first intermediate front-end project. But thanks to it being like that I really got used to googling stuff and not just having it served to me from here. Don't know if that is intentional, but certainly was beneficial in the end.

@Gentarozzo if u declare i=0 inside ur $.eacheverytime it loops back.. gonna reset to 0but if u check the syntax.. on the function callback.. it have its own index tracker.. so u no need to declare a extra i varaible

Hey guys, I'm getting close to diving into the last 4 front end projects - starting with the calculator. Question: Did anybody here take the time to learn an organizational framework prior to doing these? My projects up until this point have been pretty sloppy... I've stepped away and took Udacity's JS Design Patterns course, so I have a little bit of knowledge now about MVC organization and they also touched on knockout and backbone. I know Angular and the library React are kinda regarded as the big dogs... I haven't exposed myself to either one yet at this point. Thoughts?

@ghaithAqidi that´s somewhat true. I applied the same look but didn´t looked at the example code. I am sill having some flaws in it. For example I´d like to have some space between the picture and the text below

@myteststudy You can use the second code example in the documentation instead: https://quotesondesign.com/api-v4-0/getJSON is just a shorthand version of ajax - ajaxsetup lets you specify more options if you still prefer not to use ajax.

@TylerMoeller yea i know but ive been doing a course on coursera and now the subject is handebars and they say its better composed script and can help me in the future with web apps to seperate the structure from the contents and i read about it and i still dont understand it 100 % thats why i just ask if i want to use it i need to make it for every single photo

[{
"ID": 78,
"title": "Chris Bangle",
"content": "<p>Designers think everything done by someone else is awful, and that they could do it better themselves, which explains why I designed my own living room carpet, I suppose. <\/p>\n",
"link": "https:\/\/quotesondesign.com\/chris-bangle\/"
}]

If you set the data variable equal to it, you would access the title as data[0].title

From the looks of it, they're creating an array to store the data. They could use a JSON object instead, but there's no way to know why they chose to do it that way unless you talk to them :) there are lots of ways to get from point A to point B with code.

i have made a cheatsheet (A pretty basic one) for flexbox CSS but i am not sure that i have learnt it.How can i prove to myself and satisfy myself.That is a really bad feeling because i saw several videos.Did that froggyflexbox game completed.What can i do?@TylerMoeller

@oooooooowen and @tensax31 At this point, you're expected to spend around 50 hours building on the basic bootstrap, CSS, and HTML you have learned so far to build the tribute page and a basic portfolio page. That will take some reading and practicing - I'd recommend starting with the Bootstrap documentation. Read all of it, copy/paste the code samples and manipulate the code to see what happens.

Hi guys, this is a twitter bot that I made using twitter API and node.js.https://twitter.com/kingsofeurope7Any feedback would be very helpful.If you follow it, it follows you back.If you tweet to it, it retweets your tweet.It looks for new tweets on selected accounts on twitter and tweets them.

i have made a cheatsheet (A pretty basic one) for flexbox CSS but i am not sure that i have learnt it.How can i prove to myself and satisfy myself.That is a really bad feeling because i saw several videos.Did that froggyflexbox game completed.What can i do?@nani554

@MohammadHasham I don't know of any flexbox tests or certification exams that can help you prove your knowledge. Best advice I can give is to try and build things. If you see a nice design somewhere on the web, try to emulate it by using flexbox.

so this is pretty basic but can't seem to figure it out. I use a query .click() method to show some text when you click the button, but for some reason the text is already there once I load the page.http://codepen.io/svenhendrikx/pen/qRgdvR

anyone have an idea of how i could, best way i could describe it, do what mouseover does but only whilst holding mousedown in react. I am building the game of life project and thought it would be a nice thing to have.

Hello Campers! I just started my tribute page and am having trouble centering an image with bootstrap. I have tried center-block with img-responsive andit is still not centering properly. Can anyone give me some tips?

Hello, Campers! I've got a problem: when i try to reduce a scale in my browser so to imitate a large screen display, my picture drags to the left side, but i want it to be in the center. Here's the link: http://codepen.io/RAYDENFilipp/pen/xgNErr

Do you have to make a framework like bootstrap or need to understand it's in depth css coding to become a successful front end dev.? or it's only that you should know how to use frameworks not how to make them for your own?

@ArashDai The simon challenge is pretty detailed, since you have many buttons and the game can be in many different "states". Also the styling was a bit of a challenge for me, since I tried to do it all with CSS

@zgarsh Yeah you are not going to have much of a choice in codepen since you cant change the body tag, at least AFAIK. But you could just add a div something like this and wrap the content : <div id="scrollarea" data-spy="scroll" data-target="#navbar">

@aps120797 More than 50% of people on the web use chrome 50+, best to fix your weather app so it works for the majority of people out there on the web. Use https://freegeoip.net/json for location instead, or use a weather API like Dark Sky that supports HTTPS so you can use navigator.geolocation

@ArashDai I'm just not comfortable navigating to some unknown heroku instance. Set it up on github and I can see the code before deciding to run it. All you have to do is enter 'gh-pages' in the branch text box to create a new branch. That's all there is to it.

@ArashDai I don't know what code you've deployed to heroku, I'd have to trust you. Phishing attacks are hosted there all the time and for all I know, since I can't view what you've deployed there, you could be showing up at the cafe I'm sitting at now after collecting my IP address and location on that server. With github pages, I know exactly what you're deploying. With codepen, you don't get to log data about who visits your web app.

@mike93og93 I'm sorry, but I think you need to spend some more time on the bootstrap docs. The tribute page + portfolio should have involved about 50 hours of work with bootstrap, so you should be very familiar with the grid system by now.