Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
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
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.
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
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