FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Gulsvi

@gulsvi

@Cornielle Maybe this will help :) http://www.wikihow.com/Set-up-an-Image-Hosting-Site

@Gr8ayu Bootstrap has some features that require JavaScript. Their javascript library uses jQuery: http://getbootstrap.com/javascript/

If you don't use those features, you don't need to add jQuery or Bootstrap.js

Ken Haduch

@khaduch

@Gr8ayu - the default for CodePen's bootstrap "quick adds" is V4. It supports a lot (maybe most) of the previous version, but you have to account for several differences that exist. Some of the changes are significant. Since the lessons are based on V3, it's best to stay with that for now. In addition, V4 is "alpha" version, so it might change as time goes on. There is a migration document that lists differences, if you want to see what's there. https://v4-alpha.getbootstrap.com/migration/ - if you are up for making the switch, and tracking ongoing changes that might happen, using V4 is fine. I would say that V3 is the path of least resistance at this point in time?

Gulsvi

@gulsvi

@Cornielle As far as making money - I'm guessing most image hosting sites use ads and harvest data about what users are doing on their site.

Brian

@Cornielle

@SkyC0der is true , i agree

Ayush Kumar

@Gr8ayu

@khaduch @SkyC0der thnx for telling me these in detail.

CamperBot

@camperbot

gr8ayu sends brownie points to @khaduch and @skyc0der :sparkles: :thumbsup: :sparkles:

:warning: gr8ayu already gave skyc0der points

:warning: gr8ayu already gave khaduch points

Ken Haduch

@khaduch

@Gr8ayu :+1:

Kevin

@mybaseball52

HI, I want to ask the challenge Build a Random Quote Machine, hoiw can I make the post be tweet? I wrote like this

$("#tweet").click(function(){
    if(!inIframe()) {
      openURL('https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + encodeURIComponent('"' + currentQuote + '" ' + currentAuthor));
    }
  })

Ayush Kumar

@Gr8ayu

@khaduch is there any code to make <div> appear in center of screen vertically?

@SkyC0der

Gulsvi

@gulsvi

@Gr8ayu What code have you tried so far?

Happy to help you fix it if it isn't working for you

@mybaseball52 What does inIframe() do?

Ayush Kumar

@Gr8ayu

@SkyC0der I dont know anything like that for vertical , for horizontal align:auto;

PipsChips

@PipsChips

Hi! Could someone pls check my JS code, and help me getting JSON object for the 'Show the Local Weather' project:
https://codepen.io/PipsChips/pen/XpYvdm

Gulsvi

@gulsvi

@Gr8ayu https://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-for-all-browsers

Give that stuff a try first, if it doesn't work, show us your code and we can see how to help ^^ :)

Kevin

@mybaseball52

@SkyC0der
It does

function inIframe () { try { return window.self !== window.top; } catch (e) { return true; } }

Gulsvi

@gulsvi

@mybaseball52 I'm curious, what is the purpose of that code?

PipsChips

@PipsChips

srry, pls check this one: https://codepen.io/PipsChips/pen/XpYvdm

Gulsvi

@gulsvi

(I didn't need anything like that for my Tweet button)

Kevin

@mybaseball52

@SkyC0der Oh, I just learn from the sample code.

Gulsvi

@gulsvi

@PipsChips Open your browser's debug console (Ctrl+Shift+J on Windows/Linux, Command + Option + J on Mac)

@Securiteru You're welcome

@mybaseball52 Your code looks good to me - I just don't understand what your inIframe function is used for.

Also, @PipsChips https://codepen.io/PipsChips/httpcheck

Kevin

@mybaseball52

@SkyC0der I courious how can you tweet the quote, is there any guide to follow it?
I search the words "tweet a post" and yet get what I want

Andrew Hickman

@ahickman3

quick question, when i use vh it sets the height of that text box in relation to (even tho the parent does not have position: relative) the parent block, but when i use rem, it sets the text block in relation to the web page. Any idea why that is so?

Gulsvi

@gulsvi

@mybaseball52 This is the documentation on the twitter website: https://dev.twitter.com/web/tweet-button/web-intent

Basically: https://twitter.com/intent/tweet?text=hello world to tweet the text "hello world"

Kevin

@mybaseball52

@SkyC0der
Oh, thank you!

CamperBot

@camperbot

mybaseball52 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:

:star2: 1574 | @skyc0der |http://www.freecodecamp.com/skyc0der

Andrew Hickman

@ahickman3

trying to learn responsive design and its goin eh lol anyone know the logic?

Gulsvi

@gulsvi

@fullmetal7777 vh should be relative to the viewport, rem should be relative to the font size you have set for html or body

https://www.w3schools.com/cssref/css_units.asp

Andrew Hickman

@ahickman3

@SkyC0der the text is in a div block, and thats what getting the property. So top: 34rem with change the position relative to the viewport, while #vh will change the position relative to its div block parent

Gulsvi

@gulsvi

@fullmetal7777 Change the font-size of your body element and see how your top: 34rem changes

vh has no relation to a div block or parent element - it is completely relative to your viewport (the size of your browser window)

5vh = 5% the height of your window

Andrew Hickman

@ahickman3

@SkyC0der i do understand that part, ive done a little research on em and rem to atleast understand how they work, but its changing the view in relation to different elements thats confusing me.

@SkyC0der I think i may have figure it out. my background picture actually going above the viewport, but i guess its still technically in html? so the top of the page is farther up than the viewport? im not sure. Bottom with vh works but top with vh does not work as id expect it

@fullmetal7777 basically with top: #vh its acting like the page goes higher than can actually be viewed

Gulsvi

@gulsvi

@fullmetal7777 I'm not sure what you're looking at :) but if you can show me what's going on, I can try and help explain it better

Andrew Hickman

@ahickman3

@SkyC0der codepen messes up my view completely, but i can atleast put my code in there and you can throw it on your ide and view it? sorry for the trouble lol

@SkyC0der https://codepen.io/fullmetal7777/pen/bWzegK

Where communities thrive

People

Repo info

Activity