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
user-sarang
@user-sarang
as you reduce the size of the screen(browser) you will see it gets shifted to one column
Muhammad Hasham
@MuhammadHasham23
so we have to use <div class = "row"> andd then <div class = "col-->
am i right?
user-sarang
@user-sarang
yep both of them should be wrapped within the container class
Muhammad Hasham
@MuhammadHasham23
okay!
so the pen you have sent after editing is the correct one without any major mistake i shall look forawrd to it?
@user-sarang
user-sarang
@user-sarang
@MohammadHasham - i did only minor revisions, I did not check anything else.
Manuel Micu
@manu-4216
Hi. Simon's finished. Can you guys have a look? (code mostly) .
*You can test the win by changing the config.nrOfWinningSequences
http://codepen.io/manu4216/full/AXyBJE/
Muhammad Hasham
@MuhammadHasham23
can anyone suggest me that what i should improve technically? is it mobile responsive?
Muhammad Hasham
@MuhammadHasham23
@manu-4216 @user-sarang @khaduch
Robert Richey
@0x0936
@manu-4216 I really like that intro for your game and the shading. I noticed one problem. at stage 2 the a.i. selected yellow, yellow and I intentionally chose a wrong color (that sound for wrong selection is a bit jarring), then the a.i used a different sequence for me at stage two yellow, blue.
@manu-4216 pressing the start button while the game is active - and awaiting user input - simply advances the user to the next stage for free
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
Mark
@vinarius
thanks @trip16661
CamperBot
@camperbot
vinarius sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 427 | @trip16661 |http://www.freecodecamp.com/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