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
Muhammad Anis Ur Rahman
@MARahman49
@LeeConnelly12 thats pen is editable kindly help him mate
Ivan Ngundela
@ingundela

hero{

background: url('../img/foremost-hero.jpg');
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
position: relative;
top: 0;
bottom: 0;
height: 100vh;
z-index: 1;
}
Ghost
@ghost~5a4a80acd73408ce4f859755
i got it bro, check it now :) @LeeConnelly12
@MARahman49 he's helping just fine bro!
Ivan Ngundela
@ingundela
@MuhammedKarim maybe if we could make the image to move up till we get the full image height
Ghost
@ghost~5a4a80acd73408ce4f859755
@ingundela can you put it in codepen please?
Ivan Ngundela
@ingundela
@MuhammedKarim doing it
Ghost
@ghost~5a4a80acd73408ce4f859755
ok
Ivan Ngundela
@ingundela
@MuhammedKarim I’m not able to get the image in there
Ghost
@ghost~5a4a80acd73408ce4f859755
copy ur image and paste it here
Ghost
@ghost~5a4a80acd73408ce4f859755
then use the link generated for the codepen
and it should work
Ivan Ngundela
@ingundela
@MuhammedKarim I’m not wining mate
Lee
@LeeConnelly12
@ingundela You have to host that image somewhere, so upload it to imgur and use the imgur link. You can't use local files on codepen
Janina Pohorecki
@janepohorecka
Is anyone here very familiar with javascript?
Gulsvi
@gulsvi
@janepohorecka yes, lots of us are familiar with javascript :) what's your question?
Janina Pohorecki
@janepohorecka
@gulsvi Ah, thank you. Well, my problem is understanding javascript and how to truly use it in a timely, efficient manner. I am looking for reading/resource recommendations to properly learn the language from the bottom up.. Currently I am trying to manipulate SVG bezier curves so that I get a wavy animation. I have tried all day to implement this and all I am left with is a bunch of scribbles connected to my <button> tags. It's pretty frustrating to say the least. https://codepen.io/janepoho/pen/payygM
CamperBot
@camperbot
janepohorecka sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2584 | @gulsvi |http://www.freecodecamp.org/gulsvi
Gulsvi
@gulsvi
@janepohorecka We learn it from the ground up here - it's mostly self guided though. https://freecodecamp.org
As for your waves, this is one of those things where you might consider not using JavaScript - like here: https://codepen.io/andyfitz/pen/akAKdV
As for reading materials, you might want to check out Eloquent JavaScript or You Don't Know JS
Janina Pohorecki
@janepohorecka
@gulsvi yes, I have looked into trying to do it with css, but I want to challenge myself trying to do it with javascript
  • the waves themselves will be far more irregular than this
Gulsvi
@gulsvi
Unfortunately, I'm not too familiar with SVG animation in JS @janepohorecka but maybe someone else will be able to help.
Janina Pohorecki
@janepohorecka
@gulsvi it's quite alright! Thank you for the reading recommendations.
CamperBot
@camperbot
janepohorecka sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
api offline
Gulsvi
@gulsvi
Good luck!
Tom
@moT01
@janepohorecka not sure what you're going for or if you're still playing with things - i made a little something - might get you on a track https://s.codepen.io/moT01/pen/OQNRbg - maybe the wrong track not sure
Janina Pohorecki
@janepohorecka
@moT01 he Tom, thank you for reaching out to me. That's not exactly what I am looking for. I want to make waves that pulsate up and down. Ive continued working on it and came up with: https://codepen.io/janepoho/pen/mXPEZV
CamperBot
@camperbot
janepohorecka sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 972 | @mot01 |http://www.freecodecamp.org/mot01
Janina Pohorecki
@janepohorecka
@moT01 But I want it to look more like this in the end:
Screen Shot 2018-02-03 at 8.02.50 PM.png
@moT01 waves that are not completely uniform and have more gaps between them in certain areas
@moT01 first make them without moving and them somehow animate them.. I have never done this before so I don't really know all what I am doing :-P
Tom
@moT01
sounds like a challenge alright
no libraries?
Janina Pohorecki
@janepohorecka
@moT01 I'd prefer to do it myself... unless there was a wicked easy library to use.
Tom
@moT01
yea, not that i know of specifically - a quick search brings up a bunch https://css-tricks.com/lodge/svg/27-animating-svg-javascript/
but that does sound like a fun challenge - i may try and make something up - ill let you know if i come up with anything
Jacob Fines
@jfines
I'm struggling with the creative / design aspect of projects. Can anyone help?
I seem to just get stuck feeling like I don't know what to make thats cool
Tom
@moT01
as far as website design?
or just fun projects
Jacob Fines
@jfines
@moT01 Well, regarding what we do here (web development) - but in general I guess. So, what happens is it makes the most sense ( to me ) to have some kind of front end design to go off of (step 1), then possibly to add use cases to that - eg: "image galery can be navigated using ...: , or, "there is a call to action button and it ... when you click it", and so on. That's step 2, then, last of all, code it up to make it look and perform that way.
I get stuck at step 1