Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Robert Maylie
    @rmaylie9560
    Thanks Dave
    Lily Romano
    @Lilyheart
    Hmmm... tribute page or skip to exercises.....
    Actually.. I want a button on the chat.montcode.com page that hides the video... for meetings like this...
    Sounds more fun to do :grinning:
    Jonathan Herman
    @lantech19446
    I'd be interested in seeing how that works, not sure I'd understand it yet but would be interesting to see
    Lily Romano
    @Lilyheart
    I'll probably use jQuery's slide up http://api.jquery.com/slideup/
    I have a page somewhere with lots of jquery slides and fades. lemme find the link.
    Jonathan Herman
    @lantech19446
    so once you do slidup could you then change the button and do .slidedown to bring the chat visible again?
    Lily Romano
    @Lilyheart
    Has no backend, so nothing is persistent but feel free to poke around the code.
    It would be like the + symbol on that todo page thing. here is the js file https://dl.dropboxusercontent.com/u/1413496/Misc/projects/todo/assets/js/todos.js
    it's probably slideToggle that I'll actually use, but yeah
    Michael Karpinski
    @karpimpski
    hey guys, just joined up!
    David Castner
    @davidjcastner
    It didn't take long to go through the exercises, just a lot of them
    @karpimpski Welcome!!!
    Michael Karpinski
    @karpimpski
    thanks @davidjcastner ! where from Montgomery County is everybody from?
    Lily Romano
    @Lilyheart
    Did everyone see the final version of the color game? I built in David's evil setting that he wanted. https://dl.dropboxusercontent.com/u/1413496/Misc/projects/color-game/index.html
    Hi @karpimpski !
    Jonathan Herman
    @lantech19446
    hey Michael welcome, I'm from Hatfield
    Lily Romano
    @Lilyheart
    Blue Bell-ish here.
    Michael Karpinski
    @karpimpski
    @Lilyheart did you make that color game? btw I'm from Pottstown
    Lily Romano
    @Lilyheart
    I did using a code along found in Colt Steele's bootcamp on Udemy.
    David Castner
    @davidjcastner
    @Lilyheart Love the new David setting! muhahaha
    Michael Karpinski
    @karpimpski
    @Lilyheart I like it! how did you generate the other colors? did you make them completely random or did you base them off of the correct color?
    Lily Romano
    @Lilyheart
    You would! An Adam number of square and a David level of range is just an evil game.
    @karpimpski There is a range selecter you can choose. Full is a totally random generated colors. The "David" level randomly generates nearby colors. That was fun to figure out. If you really wanna dig into the code, here is the js https://dl.dropboxusercontent.com/u/1413496/Misc/projects/color-game/colorgame.js
    search for "function closeRandomColor"
    Michael Karpinski
    @karpimpski
    @Lilyheart thanks!
    Lily Romano
    @Lilyheart
    meh, I can just put it in here! I'm too tired lately.
    function closeRandomColor(str) {
        var rgb = str.match(/\d+/g);
        for (var i = 0; i < rgb.length; i++) {
            rgb[i] = Number(rgb[i]);
            var variance = Math.floor(Math.random() * 60) * (Math.random() < 0.5 ? -1 : 1);
            console.log(rgb[i] + "+" + variance);
    
            if(rgb[i] + variance > 255 || rgb[i] + variance < 0) {
                rgb[i] = rgb[i] - variance;
            } else {
                rgb[i] = rgb[i] + variance;
            }
        }
        return "rgb(" + rgb[0] + ", " + rgb[1] + ", " + rgb[2] + ")";
    }
    Michael Karpinski
    @karpimpski
    hey guys, can you let me know what you think of my button hover and click effects? I think they're pretty good!
    Lily Romano
    @Lilyheart
    I send the closeRandomColor function the string of the last color determined and it finds numbers close to it.
    Nice toggle! The font color is a bit hard to see on :hover tho
    Michael Karpinski
    @karpimpski
    @Lilyheart yeah, I noticed that. other than that, do you like the use of gradients or do you think it's too distracting? I think it looks nice
    David Castner
    @davidjcastner
    @karpimpski Nice job! Yea I would change the font color though. A minimal gradient is always a great way to spice up the looks, so I might go with a slightly less noticeable gradient
    Lily Romano
    @Lilyheart
    I think it's nice, but if you think it "might" be too distracting, then someone out there will definitely think that! Which leaves you a choice. You can leave it alone because you truly want to stick to your vision, or (what I would do) is use the gradient, but maybe make it a little less obvious. Closer colors.
    Or what David said because he used better words :p I can't word today.
    Michael Karpinski
    @karpimpski
    @davidjcastner yeah, this is just a little test thing to try to figure out. I'm not using different colors @Lilyheart, just a different darkness, but I get what you guys are saying and I agree. thanks!
    Robert Maylie
    @rmaylie9560
    @Lilyheart
    Michael Karpinski
    @karpimpski
    can you guys refresh and see if you like it better this way?
    Lily Romano
    @Lilyheart
    Sometimes you gotta stick to your design vision and sometimes you gotta compromise :smirk:
    Use a lighter font color (white or almost white) is my only advice.
    Michael Karpinski
    @karpimpski
    @Lilyheart sounds good. again, this is just a test for the button but I'll mess around with the colors now and see if I can make it look nicer. thanks!
    Jonathan Herman
    @lantech19446
    Afk
    Lily Romano
    @Lilyheart
    Almost ready to push the code to show/hide the video (assuming you are viewing the chat from chat.montcode.com.
    Done and pushed to production.
    @lantech19446 here is the main bit of code for it. I didn't end up using the toggle as I wanted to change the icon as well. Had to separate the code anyway.
        $("#videoToggleIcon").on("click", ".fa-toggle-on", function(event){
            $("#streamFrame").slideUp(600, function(){
                $("#videoToggleIcon").html("<i class='fa fa-toggle-off' aria-hidden='true'></i>");
            });
        });
        $("#videoToggleIcon").on("click", ".fa-toggle-off", function(event){
            $("#streamFrame").slideDown(600, function(){
                $("#videoToggleIcon").html("<i class='fa fa-toggle-on' aria-hidden='true'></i>");
            });
        });
    Lily Romano
    @Lilyheart
    @karpimpski Will you be coming down to Eagleville tomorrow? http://www.meetup.com/MontCode/events/231355140/
    David Castner
    @davidjcastner
    Alright I'm calling it done :octocat: http://codepen.io/davidjcastner/pen/aNrjxj?editors=1000