FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Ayush Kumar

@Gr8ayu

@SkyC0der @khaduch thnx

CamperBot

@camperbot

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

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

:star2: 2933 | @khaduch |http://www.freecodecamp.com/khaduch

Gulsvi

@gulsvi

@Cornielle Most people here use https://postimage.org for images

Ayush Kumar

@Gr8ayu

I am coding on codepen and someone told me that its default bootstrap version doesnt support much

Brian

@Cornielle

@SkyC0der ok , i see that :)

@SkyC0der but im talking about how works that business

Gulsvi

@gulsvi

@Gr8ayu Correct, the default is version 4, we learn version 3 at Free Code Camp. Click "Settings", then "CSS" and add this one:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

Then click "JavaScript" and add these two libraries (the order is important, jQuery must go first):
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

Ayush Kumar

@Gr8ayu

@SkyC0der what is the use of these javascript library ??

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

Where communities thrive

People

Repo info

Activity