by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Haroen Viaene
    @Haroenv
    as much or as little as you want, some people have loads of time, others don't
    Linus Miller
    @lohfu
    perfect
    Robert Stone
    @rjstone
    Hello
    Check this out: http://www.emojicode.org/
    Johannes Jakob
    @JohJakob
    @rjstone LOL
    TheTrueHyphen
    @TheTrueHyphen
    Hello, I am having a problem with a drag dom where I have two items that will move independently but when I drag the other it takes one with it. I have changed the ids of the items but I still can't get it to move with out one other moving with it. This is on CodePen.
    Haroen Viaene
    @Haroenv
    Hey, just wanna say that this isn't a codepen support gitter, just a place for us of bullgit to talk about it
    Anyway, I don't really understand your issue. I could look at it if you shared the link
    Mariusz Klimek
    @tarnos12
    I have codepen Pro and I am using asset manager, but there is a small problem. Asset editor does not use colored font for my files, for example "function or "var" are not orange colored(or something similar), everything is white :(
    https://i.gyazo.com/bea966a3ef8a72912dba460710eade06.png
    video which talk about asset managed, also tells me about the ability to edit the file directly and it has colored font for js/css files :| That is the only reason I got pro version, to have an ability to create multiple files on a single project so I don't have to use single file.
    Haroen Viaene
    @Haroenv
    👆 see @tarnos12
    Mariusz Klimek
    @tarnos12
    @Haroenv "Where the gitches share their codepen thoughts, questions about codepen, bugs | Follow bullgit on codepen http://codepen.io/bullgit/ | And give a look to https://trello.com/c/hfF039Bj/60-fill-the-bullgit-codepen-account | PUBLIC AF"
    idk perhaps I don't understand what it means, but I think it means that I can ask questions about codepen and bugs :| I am not sure what "gitches" are, maybe I am not one of them ;(
    Haroen Viaene
    @Haroenv
    Sorry for being unclear then, Im kinda busy now, but I'll explain later
    Mariusz Klimek
    @tarnos12
    Well thanks for explanation :)
    Haroen Viaene
    @Haroenv
    I'm sorry. I've been quite busy
    Mariusz Klimek
    @tarnos12
    don't worry, it seems to be fixed, perhaps I had to wait for a day or two :)
    Stephanie Liu
    @sanqianliusi
    Do some know how to use picture in codepen? The link can`t show.By the way ,I am in Chine
    China
    Nils Schönwald
    @schoenwaldnils
    hi @sanqianliusi this isn’t really a codepen-support-channel. More a show-and-tell for team bullgit.
    But I would recomend hosting images on imgur.com or similar. Otherwise, if you have a codepen-pro account, you can save assets directly on codepen.
    dualen
    @dualen
    hello! could anyone tell me how can i add classes into the html tag on code pen editor?
    Johannes Jakob
    @JohJakob
    @dualen For example <a class="your-class" href="#">Link</a>
    Ghost
    @ghost~58a30cbed73408ce4f4a4c2a
    how can i add text on a image ?
    Haroen Viaene
    @Haroenv
    A different element and position it relative/absolute above the image
    Machiel Van Der Toorn
    @mcvdt07
    hi guys,
    trying to add my profile pic on my codepen
    <img src="https://www.google.co.za/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwif3uiYlrXSAhVFwxQKHYceDIMQjRwIBw&url=https%3A%2F%2Fza.linkedin.com%2Fin%2Fmachiel-van-der-toorn-03400148&psig=AFQjCNGIjUadEmhdapb3lGJ1q6avt2IVAQ&ust=1488453139856560" class="img-responsive" alt="Machiel">
    it doesnts seem to connect to my pic
    Johannes Jakob
    @JohJakob
    You should use the absolute URL to your image as the source and not a Google Images result.
    The URL is a website redirecting to your LinkedIn profile. It doesn't represent an image.
    Brandon
    @rikerB57
    im not sure if its a bug but when im using codepen and try to add something on a line, instead of just adding it, it writes over the following characters. is there a way to fix this? I'd rather not redo a whole line everytime i make a mistake.
    Haroen Viaene
    @Haroenv
    I think this is something in your OS or browser settings, never seen it
    also, this isn’t a codepen support page
    Brandon
    @rikerB57
    i know its isnt, although the room description does say you can ask about codepen and bugs..
    Haroen Viaene
    @Haroenv
    Updated the description to be less ambiguous
    have a nice evening though, but I have no idea why you’re experiencing trouble
    Saransh Barua
    @saranshbarua
    Check out and give suggestions on this basic greeting bot made using jQuery. https://codepen.io/saranshbarua/full/jwbjde/
    Atticus Koya
    @koya-io
    IAmGreet.gif
    Haroen Viaene
    @Haroenv
    Hey
    Atticus Koya
    @koya-io
    Haii
    Haroen Viaene
    @Haroenv
    What's up
    Saransh Barua
    @saranshbarua
    Hey everyone, I just completed my first portfolio. I want you to take a look at it and give feedback. https://codepen.io/saranshbarua/project/full/AdMnOD/
    Atticus Koya
    @koya-io

    @saranshbarua It's fairly bland, I have no idea what https://i.koya.io/Shiltin.gif is for, the contact stuff is also missing the second half of the animation.

    When I see a portfolio I want to be presented the work, as a front-end developer what you see is more important than what you know - I want to see your name and the project you value the most straight away and not having to scroll down 3 pages to then see circles that turn into squares where the title jumps around and I can't learn more - also I shouldn't need to click to see your portfolio ("Want to see my work? Then press the button" - after clicking it I don't even see your work, just descriptions).
    Add some colour or use the color from projects you present.
    The name changing thing depending on cursor position isn't mobile friendly and if you scroll down about a third of the page the cursor leaves the top page and the name flicks to "Web Designer" with no clear indication why.
    Test your portfolio on different screen sizes because it only looks good on a screen 850px wide - don't use the whole width if you aren't going to use it (2 lines of text and a few circles isn't enough, keep it in the middle).
    Also, don't add target _blank for "mailto:" or other shortcuts because it doesn't always work.
    Personal preference but I hate scroll-jacking.
    Remove the outline from the button, add capitalisation and remove the exclamation marks - then remove the button entirely.

    I had a look at your code and the business with the clicked variable is interesting, this is what I would do:

    //@saranshbarua's
    var clicked=0;
    ...
    if(clicked==0)
        {
          $('.page4').css('display','flex')
          clicked=1;
        }
      else if(clicked==1)
        {
          $('.page4').css('display','none');
          clicked=0;
        }
    
    -----
    // to this
    var clicked = false;
    ...
    $('.page4').css('display', clicked ? 'none' : 'flex');
    clicked = !clicked;
    
    -----
    // or this
    $('.page4').css('display', $('.page4').css('display') == 'flex' ? 'none' : 'flex');

    For a first try it isn't terrible but I'd recommend scrapping it and starting again, I have links to a load of other portfolios (they aren't all individuals) for you to have a look and get some inspiration from, in no particular order:

    https://mai.codes/
    http://fruitbowlmedia.com/
    https://brightbrightgreat.com/
    http://paprcraft.com/
    http://iainandrew.com/
    http://www.jermshaw.com/
    https://andytran.me/
    http://www.keithlight.co.uk/
    http://www.seblester.com/

    Saransh Barua
    @saranshbarua
    @koya-io thanks for your valuable advice. I will look into all of your suggestions and upgrade it or even build a new one after a few time. This was just the first portfolio I made for the free code camp project. When I will be working on the new one I will definitely consider all these points.
    hkunzler
    @hkunzler
    I need some help with my JavaScript. I'm trying to set up 'multiple pages.' I have where the content disappears but I'm missing something for it to link to the page. https://codepen.io/HarmonyQuinn/pen/dJEYJL
    Haroen Viaene
    @Haroenv
    Try history.pushState and some process in which you check what the url is @HarmonyQuinn
    hkunzler
    @hkunzler
    thanks @Haroenv
    Haroen Viaene
    @Haroenv
    Np
    chenjacky131
    @chenjacky131
    Is it a bug in codepen? every react project in my codepen fails . it shows the error in the render method "unexpected token"
    colorswall
    @colorswall_twitter