Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 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
Bhushan933
@Bhushan933
Hi, I am a web developer with 9 years of experience, I want to work on some responsive design sites, my skills are HTML5, CSS, Javascript, Jquery, AngularJS, Bootstrap, Zurb-foundation. I want PSDs with 12 grid design, I will work for free as I want to build my portfolio.
Muhammad Hasham
@MuhammadHasham23
@Bhushan933 please can you review my pen and tell guide me if there are no mistakes
Elbert Cortez
@trip16661
@Bhushan933 not to blame but honest curiosity how is that in your 9 y of experience you never worked with responsive site?
Ken Haduch
@khaduch

@MohammadHasham - looking at your weather app. I think that it looks very nice. I have a few comments:

  • "Fahrenheit" is misspelled in your button. And did it play a song the first time I clicked it? (There must be something else going on on my computer.)
  • The first time I click the C / F button, it doesn't do anything. After that, it works.
  • on CodePen, you should not have the <html> and <body> tags in your HTML panel. The Codepen template supplies those tags. You can make a body CSS selector to fill in your background image. And you should also set background-size: cover; because on a wide screen, your image started to repeat on the right hand side
  • I like the background image, but it doesn't really "fit" with my physical surroundings - I wish it did! It's beautiful... Not sure what it would take to make backgrounds that more accurately reflect the weather or physical surroundings of the user.

It looks great - just a couple little things, as I noted. Nice work!

abhijith shenoy
@shenoyabhijith
guys need help
wordBlanks("dog", "big", "ran", "quickly") should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).
wordBlanks("cat", "little", "hit", "slowly") should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).
Jonathan Wieben
@JonathanWbn
hey guys. i am working on my first project and need help. http://codepen.io/JonathanWbn/pen/AXVgkL here is the link of my pen. my problem happens when i hover over my heading (Jonathan Wieben). i wanna exclude this heading from the css i did for li a:hover. may someone helpful. i would appreciate it a lot.
Ken Haduch
@khaduch

@manu-4216 - the look of the game is very nice! It seems to play well, too. Very good! I ran the "Analyze JS" function on it - it calls out a lot of things, many of which might be "noise", but I don't know if you'll find anything that will help you?

Once again - good work!

Mark
@vinarius

Hey guys, I need some help figuring out how to get my logo to fit only the background of the #contactMe <div> and not the background of the whole page. Any ideas?

http://codepen.io/vinarius/pen/rLBQmN

Elbert Cortez
@trip16661
    const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        $showcaseImg.find("p").text(thisProject.description);
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        $showcaseImg.addClass("showcase-open");
        // then it opens a div containing this info 
    }
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :(
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :(
Mark
@vinarius
Also, not mobile friendly but the container-fluid class does not address that
Ken Haduch
@khaduch
@JonathanWbn - just change the <a > </a> tags to <span> </span>, and maybe you need to adjust the margin a bit?
Jonathan Wieben
@JonathanWbn
@khaduch yeah, it worked! thanks a lot. i really do appreciate it.
CamperBot
@camperbot
jonathanwbn sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1472 | @khaduch |http://www.freecodecamp.com/khaduch
Elbert Cortez
@trip16661
@vinarius right now its just the contact me div not other divs
Jonathan Wieben
@JonathanWbn
whats going on with this brownies
Stephen James
@sjames1958gm
about brownies
CamperBot
@camperbot
no wiki entry for: brownies
Elbert Cortez
@trip16661
brownies are just points from the comunity
it dont worth nothing
its a reputation system withing the comunity
it's given everytime you get or give a thanks
CamperBot
@camperbot
vinarius sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 427 | @trip16661 |http://www.freecodecamp.com/trip16661
Mark
@vinarius
thanks @trip16661
Jonathan Wieben
@JonathanWbn
thanks @trip16661 love it
CamperBot
@camperbot
jonathanwbn sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 428 | @trip16661 |http://www.freecodecamp.com/trip16661
Elbert Cortez
@trip16661
This message was deleted
This message was deleted
  $('.scrollToAbout').click(function() {
    $('html, body').animate({
      scrollTop: 0
    }, 800);
    return false;
  });

  $('.scrollToAbout .scrollToPortfolio').click(function() {
    $('html, body').animate({
      scrollTop: 400
    }, 800);
    return false;
  });

  $('.scrollToContact').click(function() {
    $('html, body').animate({
      scrollTop: 1185
    }, 800);
    return false;
  });
can be done by simply doing this
  $('.scrollToAbout .scrollToPortfolio, .scrollToContact').click(function() {
    $('html, body').animate({
      scrollTop: 1185
    }, 800);
    return false;
  });
    $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
                $('html, body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
Ken Haduch
@khaduch

@vinarius - I tried adding a few settings to your #contactMe div - it made a difference, not sure if it is what you are trying to achieve:

    background-size: contain;
    background-repeat: no-repeat;

It is aligned to the left, but I kind of like it that way?

Elbert Cortez
@trip16661
you can put it on pixels too to set the position

and set it inline

background: url() no-repeat contain;

etc

Mark
@vinarius
nice, that looks much better
Meet Mangukiya
@meetmangukiya
http://codepen.io/meetmangukiya/pen/vKjYvZ Why would the background image not render ?
Elbert Cortez
@trip16661
    const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        $showcaseImg.find("p").text(thisProject.description);
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        $showcaseImg.addClass("showcase-open");
        // then it opens a div containing this info 
    }
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :(
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :(
Meet Mangukiya
@meetmangukiya
It did render now :confused:
Elbert Cortez
@trip16661
@meetmangukiya what do you exactly want it to look like?
Ken Haduch
@khaduch
@meetmangukiya - looks like you are using an image from imgur - that doesn't work (unless you are logged into an imgur account, I think?) They have a policy against cross-linking of images, if you check their terms & conditions. You have to get your image from some other site.
Meet Mangukiya
@meetmangukiya
ok @khaduch
@trip16661 a ocean like background image is supposed to be in the background.
Elbert Cortez
@trip16661
@meetmangukiya sorry late reply, like ken said its a cors problem
"http://imgur.com/HTf7ylN.jpg
the link is in http and you are calling from https
so it causes troubles
if u want to see(just for testing)
try to deprecate the codepen link to http
you will see how it will work
labanch
@labanch
can anyone help me with my random quote machine? I'm trying to use the twitter web intent but I'm not sure how to add the quote and author. I'm having a scope issue
http://codepen.io/labanch/pen/oLEVGW?editors=0010