Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Feb 01 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 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
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
Does anyone have an idea of how to make the tweet button visible in codepen?
@fhdhsni Gotcha. Just needed someone to validate my worries, I guess!
Jason Luboff
@kalamnuri did you "load" javascript in Codepen? (In the JS box, click the gear for the settings and quick-add the appropriate JS framework)?
yes, I tried that as well

Here is the complete snippet I am using from twitter in my JavaScript
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
//js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);

t._e = [];
t.ready = function(f) {

return t;
}(document, "script", "twitter-wjs"));

I tried using js.src = "https://platform.twitter.com/widgets.js" in code directly and then commenting it out and adding https://platform.twitter.com/widgets.js in setting as external JavaScript
Jose Barakat
@kalamnuri take a look at this pen https://codepen.io/alistairtweedie/pen/JlFnq
great..... thank you Jose Barakat... I'll give it a try
Jose Barakat
:+1: :smile:
@kalamnuri if you are adamant on using twitters own tweet button then you need to use this on your js https://dev.twitter.com/web/tweet-button/javascript-create. you need to replace the old button with a new one with the updated text inside it
Stuart Taylor
Can anyone help me with my tic-tac-toe game?
Stacey Landrum
how do I make a white (or other color) background that fills the whole navbar? when I try it it only does the right or left side http://codepen.io/staceyland/full/ZpBdoX/
.navbar-fixed-top {
  background-color: white;
@staceyland ^
JD Tadlock

@staceyland First you need to remove all of this from your html:

<title>Stacey's Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Yatra One">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">


Then add bootstrap, font-awesome in Settings->CSS. Next add jQuery in Settings->js. The quick add drop down menu is useful.
Add this to your css and you're good:

.navbar-fixed-top {
  background-color: white;
I know it's a broad question to ask, but how do you guys do unit testing when it involves DOM?
JD Tadlock
@fhdhsni Basically you test your functionality step by step to make sure it works. It becomes second nature with dynamic websites, due to the data being manipulated through functionality and not statically coded.
Janina Pohorecki
Can someone please help me recreate the snapped until scrolled aspect of this website? http://melaniedaveid.com/
For example, the work part.
How you have the right hand scrolling while the left side is fixed temporarly
Are there some folks here that have experience with fornt end development for drupal? I just started as front end drupal developer and am doing some courses on it. Would bee nice to hear there are more working with drupal :)
Suzanne Atkinson
good afternoon campers!
@janepohorecka that's a good find
@AdventureBear hello Suzanne do you speak dutch?
Suzanne Atkinson
@MichielHuijse no I don't, why do you ask?
Hi guys. I haz a lil css question.
Suzanne becuase, it is a common name in dutch.
Is there a way to make one border side more dominant that the other? I currently have a mockup where there is a gray top border and an orange left border. They have different properties, but it seems like the left side is overlaying on the top side.
But I want to the top side to be the dominant one that crosses.
Screen Shot 2016-09-26 at 2.50.20 PM.png
Is there any CSS (only) that can make the border-top dominant? I currently have border-top as the second CSS element hoping it would override the border-left.
Suzanne Atkinson
@MichielHuijse oh, that's nice. I like my name...fits many cultures.
I lived in germany for a semester, and everyone thought I was Dutch because I did not sound American.
I thought that was a great compliment
@AdventureBear dutch above germans?? Haha lol
Suzanne Atkinson
@MichielHuijse no, that the germans thought I was not american because my pronunciation was that good! I could read enough Dutch to get around as a tourist
@AdventureBear wel wel
Suzanne Atkinson
Ich kann ein Bissien Deutch, pero mi español en un poco mejor
ich kann noch...but not very well
@PattyCreates can you make the div with the left border occur after the div with the top border?
then it can show up below that one
Hm, so it's an HTML email. So less is more being that it's pretty complicated with TRs and TDs as is. I've tried assigning it to the TR but it still keeps inheriting the TD as the dominant one.
So box-sizing doesn't work for it either. :/
@AdventureBear hablas espaniol? Que bueno yo tambien, estuve en sud america.
Tarek Alabd
hey , how to make nav bar like this : https://codepen.io/FreeCodeCamp/full/YqLyXB/
anyway off topic :)
Suzanne Atkinson
@MichielHuijse Mi español es tampoco muy malo. Solo por hablando de medicina?
You need css html jquery, in my case I used a framwork bootstrap but you can do it all yourself
Suzanne Atkinson
@PattyCreates unless you are displaying tabular data you don't need to use a table. Are you making a web page or writing an email?