These are chat archives for FreeCodeCamp/HelpFrontEnd

11th
Sep 2017
Tyler Del Rosario
@TylerDelRosario
Sep 11 2017 00:00
Does anyone know how to make CSS timelapses?
Long Nguyen
@longnt80
Sep 11 2017 00:23
@HTMLNoob what is CSS timelapses?
Ismail Hozain
@ismailhozain
Sep 11 2017 00:25
hey guys so @moT01 helped me out with this fancy piece of code but i have no idea what to do with like do i add a class or what, oh and by the way i am using it to modify the output from my wikipedia viewer.
``` for(var i=0; i<info[1].length; i++) {
$("#output").append('<div>'+info[1][i]+'</div><div>'+info[2][i]+'</div><br><br>');
}
for(var i=0; i<info[1].length; i++) { $("#output").append('<div>'+info[1][i]+'</div><div>'+info[2][i]+'</div><br><br>'); }
that was the code piece
Long Nguyen
@longnt80
Sep 11 2017 00:27
@ismailhozain for(var i=0; i<info[1].length; i++) this is to loop through the values of info[1]
Ismail Hozain
@ismailhozain
Sep 11 2017 00:28
ok i got that but what do i do with it
or in other wordsi have no clue how to manipulate it for it to work for me
Long Nguyen
@longnt80
Sep 11 2017 00:29
$("#output").append('<div>'+info[1][i]+'</div><div>'+info[2][i]+'</div><br><br>'); this is to insert the values inside info[1] into some html tags (to display on the page), and append is to place that content after each other inside the div $output
@ismailhozain did you do the random quote machine?
Ismail Hozain
@ismailhozain
Sep 11 2017 00:30
yes
here it is...
Long Nguyen
@longnt80
Sep 11 2017 00:30
the concept is the same
random quote machine only display 1 value at a time
wiki viewer display multiple values
CamperBot
@camperbot
Sep 11 2017 00:31

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
just1witness
@just1witness
Sep 11 2017 00:31
You put it here, starting on line 8 @ismailhozain
   $.ajax({
    url: url,
    success: function(info) {
  console.log(searchInput);
  console.log(info);
       for(var i=0; i<info[1].length; i++) {
$("#output").append('<div>'+info[1][i]+'</div><div>'+info[2][i]+'</div><br><br>');
}
    }
 });//ajax
});//on click
});//end doc ready
copy and past this over everything from line 8 and down
Ismail Hozain
@ismailhozain
Sep 11 2017 00:32
that is where i have it
just1witness
@just1witness
Sep 11 2017 00:32
not on the pen link you shared
I did that
Ismail Hozain
@ismailhozain
Sep 11 2017 00:33
oh whoops im sorry i thought i added it apparently it did not save
just1witness
@just1witness
Sep 11 2017 00:33
it separated your results although, they are all still one link, but that's something else entirely.
Ismail Hozain
@ismailhozain
Sep 11 2017 00:34
i am confused
Long Nguyen
@longnt80
Sep 11 2017 00:35
@ismailhozain what is confusing?
Ismail Hozain
@ismailhozain
Sep 11 2017 00:36
well it is really the fact that they are one big piece of info but at the same time they are separate so i only know how to get to them as a whole
Long Nguyen
@longnt80
Sep 11 2017 00:39
@ismailhozain you get each piece by using the loop
just1witness
@just1witness
Sep 11 2017 00:41
The url needs to be added to, the loop separates them, but they are links to nowhere. Give me a min
Ismail Hozain
@ismailhozain
Sep 11 2017 00:41
so each piece is like x in the following right ? for(var x=0; x<info[1].length; x++) { $("#output").append('<div>'+info[1][x]+'</div><div>'+info[2][x]+'</div><br><br>'); } @longnt80
William
@waruiz
Sep 11 2017 00:46

Is anyone familiar with the syntax on the left-hand side: const {error, value} = Joi.validate({ a: 'a string' }, schema);

Anyone know if this is an ES6 syntax thing? I'm not sure if that, or just a Joi library thing...

Long Nguyen
@longnt80
Sep 11 2017 00:49
@ismailhozain info[1] should be an array
Ismail Hozain
@ismailhozain
Sep 11 2017 00:51
ok let me try something and i will get back to you guys
Long Nguyen
@longnt80
Sep 11 2017 00:53
@ismailhozain did you take a look at the result of your API call?
Ismail Hozain
@ismailhozain
Sep 11 2017 00:53
i looked at it in my console
Long Nguyen
@longnt80
Sep 11 2017 00:54
which console?
the codepen's console or the browser's ?
Ismail Hozain
@ismailhozain
Sep 11 2017 00:54
browser -chrome
Long Nguyen
@longnt80
Sep 11 2017 00:54
ok, you can see it is an array with 3 inner arrays
Ismail Hozain
@ismailhozain
Sep 11 2017 00:54
ok
Long Nguyen
@longnt80
Sep 11 2017 00:55
the first array is the list of the related terms
Ismail Hozain
@ismailhozain
Sep 11 2017 00:55
oh!
Long Nguyen
@longnt80
Sep 11 2017 00:55
the second array is the list of the description of corresponding terms from the first array
Ismail Hozain
@ismailhozain
Sep 11 2017 00:55
ok
Long Nguyen
@longnt80
Sep 11 2017 00:56
so info[1] access the related terms list array
Ismail Hozain
@ismailhozain
Sep 11 2017 00:56
ok
Long Nguyen
@longnt80
Sep 11 2017 00:56
and info[2] access the description list array
Ismail Hozain
@ismailhozain
Sep 11 2017 00:57
ok
Long Nguyen
@longnt80
Sep 11 2017 00:57
and the variable i in the loop will loop through each item in those two arrays
Ismail Hozain
@ismailhozain
Sep 11 2017 00:57
wait what about the third array
?
Long Nguyen
@longnt80
Sep 11 2017 00:58
you can click the arrow and see the content of it
it contains the link to each wiki page of each item
Ismail Hozain
@ismailhozain
Sep 11 2017 00:59
oh i never really noticed that it was arranged as so
Long Nguyen
@longnt80
Sep 11 2017 01:00
yeah, you should take a close look at the API result first in order to know which value to get from it
Ismail Hozain
@ismailhozain
Sep 11 2017 01:01
ok
you probably explained it better than anyone else
i THINK i got this but let me try it before i am sure.
Long Nguyen
@longnt80
Sep 11 2017 01:03
@ismailhozain just play around and console log anything that you don't understand
Ismail Hozain
@ismailhozain
Sep 11 2017 01:03
ok thanks for the explanation
Long Nguyen
@longnt80
Sep 11 2017 01:03
np
Ismail Hozain
@ismailhozain
Sep 11 2017 01:05
it alright i got the rest thank you
just1witness
@just1witness
Sep 11 2017 01:05
k
Do you need that pen still or can I delete it?
@ismailhozain
Ismail Hozain
@ismailhozain
Sep 11 2017 01:06
can you wait like 2 minutes? after that you can
i appreciate your help
@just1witness
Long Nguyen
@longnt80
Sep 11 2017 01:06
@just1witness why for(var j=0; j<url[1].length; j++)
just1witness
@just1witness
Sep 11 2017 01:07
sure, no prob, you can fork it too, and keep it as long as you need. @ismailhozain
I did it, didn't need it, and forgot to delete it
brain fart, lol
@longnt80
Ismail Hozain
@ismailhozain
Sep 11 2017 01:07
alright im done with it
just1witness
@just1witness
Sep 11 2017 01:07
cool
as @longnt80 pointed out you can delete the j loop, not needed. @ismailhozain
Ismail Hozain
@ismailhozain
Sep 11 2017 01:08
already did
just1witness
@just1witness
Sep 11 2017 01:08
cool
Long Nguyen
@longnt80
Sep 11 2017 01:09
@ismailhozain the problem right now is you have to click the search icon to open the input, but the API is also get called when you click the icon
Ismail Hozain
@ismailhozain
Sep 11 2017 01:09
im thinking this might work
info[3][i]
just1witness
@just1witness
Sep 11 2017 01:10
Maybe, I didn't see the api tbh. I just cycled a little until I got what I wanted, lol
Ismail Hozain
@ismailhozain
Sep 11 2017 01:10
and it just did!
just1witness
@just1witness
Sep 11 2017 01:10
nice!
Ismail Hozain
@ismailhozain
Sep 11 2017 01:10
thanks for you guys' help @just1witness @longnt80
CamperBot
@camperbot
Sep 11 2017 01:10
ismailhozain sends brownie points to @just1witness and @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 549 | @longnt80 |http://www.freecodecamp.com/longnt80
:cookie: 336 | @just1witness |http://www.freecodecamp.com/just1witness
just1witness
@just1witness
Sep 11 2017 01:11
My pleasure
Ismail Hozain
@ismailhozain
Sep 11 2017 01:18
on to twitch.tv
just1witness
@just1witness
Sep 11 2017 01:22
yippy!
Ahmed raza
@Raza403
Sep 11 2017 01:47
Hi every one! I am at "Advanced Front End Development Projects", If someone is also at this point or near we can join and do rest using pair programming concept, So that we could learn better from each others abilities as well. I am waiting for someone's reply.
Zachary Orona-Calvert
@TheTRUEHoohah
Sep 11 2017 03:23
How would I make a sound file play on an event in JS
nimaahmadi
@nimaahmadi
Sep 11 2017 06:53
Good evening ladies and gents. I have a silly problem. How can I extract font icons from a web page? what tools should I use?
nimaahmadi
@nimaahmadi
Sep 11 2017 07:06
Got it Thanks
Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:06
hey guys can anyone tell my why my code doesnt return my else if statement?
function convertHTML(str) {

  return str.replace(/[^\w\s]/gi, function(){
    if (str.indexOf('&')){
      return '&amp;';
    } else if (str.indexOf('<')){
      return '&lt;';
    }
  });
}

convertHTML("Hamburgers < Pizza < Tacos”);
Fabien SHAN
@X140hu4
Sep 11 2017 07:15
Does your test return a boolean value?
Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:20

nvm my last question lol got it work but now this is my concern

function convertHTML(str) {

  return str.replace(/[^\w\s]/gi, function(){
    if (str.indexOf('&') != -1){
      return '&amp;';
    } else if (str.indexOf('<')!= -1){
      return '&lt;';
    } else if (str.indexOf('>')!= -1){
      return '&gt;';
    } else if (str.indexOf('"')!= -1){
      return '&quot;';
    } else if (str.indexOf("'")!= -1){
      return '&apos;';
    }
  });
}

convertHTML("<>”);

I dont understand why this . ”<>” does not pass the test, when those characters passed other test they were in.
these two passed "Hamburgers < Pizza < Tacos” & "Sixty > twelve”
it returns this &lt;&lt;

Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:42

so when I switch it around like this

function convertHTML(str) {

  return str.replace(/[^\w\s]/g, function(){
    if (str.indexOf('&') != -1){
      return '&amp;';
    } else if (str.indexOf('>')!= -1){
      return '&gt;';
    } else if (str.indexOf('<')!= -1){
      return '&lt;';
    } else if (str.indexOf('"')!= -1){
      return '&quot;';
    } else if (str.indexOf("'")!= -1){
      return '&apos;';
    } 
  });
}

convertHTML("<>”);

it now returns this &gt;&gt; ?? whats going on lol

Fabien SHAN
@X140hu4
Sep 11 2017 07:43
Oh they both return a value different than -1 so whichever comes first will return true
Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:43
all these callbacks pass the test, except the one in my code
convertHTML("Dolce & Gabbana”)
convertHTML("Hamburgers < Pizza < Tacos”)
convertHTML("Sixty > twelve”)
convertHTML('Stuff in "quotation marks”')
convertHTML("Shindler's List")
Fabien SHAN
@X140hu4
Sep 11 2017 07:43
and will not go further
Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:45
@X140hu4 but how come they pass the test in the other callbacks they are have value greater than -1?
they work well until i call them next to each other
Fabien SHAN
@X140hu4
Sep 11 2017 07:46
try convertHTML("Hamburgers < Pizza > Tacos”)
Rafael Monroy
@rafaelmonroy
Sep 11 2017 07:48
@X140hu4 I see, same problem lol how can I fix it?
add a && or || ?
hmmm maybe not lol
Rafael Monroy
@rafaelmonroy
Sep 11 2017 08:04
@X140hu4 nvm bro, got it to work but thanks for the time and tips!
CamperBot
@camperbot
Sep 11 2017 08:04
rafaelmonroy sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @x140hu4 |http://www.freecodecamp.com/x140hu4
Fabien SHAN
@X140hu4
Sep 11 2017 08:04
sorry I am busy doing other things haha how did you do?
Roberto Di Lillo
@koop4
Sep 11 2017 08:35

I'm doing my FCC certification with a friend designer.
She takes care of the UX / UI, and i code.
We are both doing it to improve our skills in our fields, so any constructive feedback we ll be appreciated from us :)

Here's our wikipedia viewer
https://koop4.github.io/wikipediaViewer/

LydaTech
@lydatech
Sep 11 2017 09:18
anyone using lite-server with node?
ADIL KARMOUZI
@mradil16
Sep 11 2017 10:03
Hello guys . Should developers Stop Supporting IE10, IE9 and IE8 ?
Muhammad Ruhul Amin
@gskls
Sep 11 2017 10:05
@lydatech yeah i am using it
LydaTech
@lydatech
Sep 11 2017 10:06
@MRamin3482 how do you stop it? CTRL-C doest stop the monitoring
Markus Kiili
@Masd925
Sep 11 2017 10:07
@mradil16 Depends on the product and the field. If you for example make a site that advertises or sells something, then it must work also with grannys old IE. Many people don't understand the concepts of a computer, computer screen, keyboard, operating system, browser etc. So just telling the customer to update his/hers browser doesn't work.
There are also some large companies where IE is the only browser that employers can use. For security reasons they cannot install any programs to the computers.
ADIL KARMOUZI
@mradil16
Sep 11 2017 10:13
@Masd925 how to deal with old browsers . stylesheets don't work properly . in ie9 javascript doesn't work ...
Markus Kiili
@Masd925
Sep 11 2017 10:20
@mradil16 Old IE's have differences on css, html and javascript too. People make IE specific stylesheets, html, and javascript code that handles IE. Many libraries like jQuery take care of some of those problems on JS part. I think JS does work with IE9.
Markus Kiili
@Masd925
Sep 11 2017 10:28
@mradil16 IE9 has full support for ES5 JS and HTML5 to my knowledge.
For older IE's, you need to use older JS and older html. Some html shims take care of some problems.
Rahul
@rahulshinde235
Sep 11 2017 10:57
hello
Roberto Di Lillo
@koop4
Sep 11 2017 11:01
Sorin Ruse
@sorinr
Sep 11 2017 11:30
@koop4 i would give more top space to the footer
Fredrik Strand Oseberg
@FredrikOseberg
Sep 11 2017 13:42
Is there a better way in React to render a string containing HTML to the document other than dangerouslySetInnerHTML? I got a string containing parsed markdown html in state and trying to output it through props in another component.
Boris Yordanov
@borisyordanov
Sep 11 2017 14:03
image.png
Any of you know how i can add a space between the scrollbar and the element it's in?
just1witness
@just1witness
Sep 11 2017 14:09
You can make a margin class for the nested element
Morchid Chellali
@Morched23MJ
Sep 11 2017 14:11
What's a simple way to display a description of a project (containing h1 h3 and p) with a side image?
Boris Yordanov
@borisyordanov
Sep 11 2017 14:12
@just1witness unfortunatelly i can't, the nested element is a pdf viewer which can't be manipulated
@Morched23MJ i don't understand what you mean by description of a project?
Morchid Chellali
@Morched23MJ
Sep 11 2017 14:13
In a portfolio
I want to show my projects
I just need a good layout
tried to use grid, etc ..
@borisyordanov
Boris Yordanov
@borisyordanov
Sep 11 2017 14:18
@Morched23MJ maybe h1 on top, under that the image, followed by h3 and p? You should do wireframe/mocks before you start making the page. It helps clear things like this. Check out a website you like and see if they have solutions to similar problems
Morchid Chellali
@Morched23MJ
Sep 11 2017 14:18
Alright, thank you, @borisyordanov
CamperBot
@camperbot
Sep 11 2017 14:18
morched23mj sends brownie points to @borisyordanov :sparkles: :thumbsup: :sparkles:
:cookie: 361 | @borisyordanov |http://www.freecodecamp.com/borisyordanov
Jorge
@flawedLogic506
Sep 11 2017 14:40
hey hows it going guys
Tom
@moT01
Sep 11 2017 14:42
@OrangeKulture hey
Jorge
@flawedLogic506
Sep 11 2017 14:42
whats cracking tom .. all good?
Tom
@moT01
Sep 11 2017 14:42
yup
Jorge
@flawedLogic506
Sep 11 2017 14:43
awesome stuff
Tom
@moT01
Sep 11 2017 14:43
calm and sunny here in minnesota, no hurricanes in the area
Jorge
@flawedLogic506
Sep 11 2017 14:44
oh that's good .. yeah i hear florida is having a rought time
rough even
Tom
@moT01
Sep 11 2017 14:50
what are you working on?
Jorge
@flawedLogic506
Sep 11 2017 14:53
i was doing a video portal hooked up to mongo DB .. so you can login, see available videos, rate each video once if you want .. etc
now im finally moving on to a professional portfolio in angular and see if I can get myself a full time job
how about u?
Trevor Guinn
@trev-of-ev
Sep 11 2017 14:58
Hey everyone. I'm having issues with positioning my paragragh content after the header. Would anyone be able to assist? https://codepen.io/trev-of-ev/pen/VzNgzM?editors=1010
Tom
@moT01
Sep 11 2017 15:01
@OrangeKulture not working on my portfolio
(being lazy)
@trev-of-ev you can't link to pics on your computer
imperial-isms
@imperial-isms
Sep 11 2017 15:07

Hey, all, I’m working on the Wikipedia viewer and I’m trying to understand the API. Is this could sufficient to retrieve the object…

  $.getJSON ("https://en.wikipedia.org/w/api.php?action=query&format=json&prop=&list=search&srsearch=achilles", function (json) {

    $(“#tester").html("SUCCESS");

  });

I’m assuming not because the #tester element isn’t changing.

The API link works, but I’m trying to understand what I’m missing
Tom
@moT01
Sep 11 2017 15:08
did you add jquery?
did you go to that url and see if theres something there?
imperial-isms
@imperial-isms
Sep 11 2017 15:08
Hi, Tom. Thanks for the response.
The url works and something is there
Tom
@moT01
Sep 11 2017 15:09
console.log(json) give anything?
imperial-isms
@imperial-isms
Sep 11 2017 15:10
Yes. I got some errors.
jQuery is loaded
Screen Shot 2017-09-11 at 11.10.51 AM.png
Tom
@moT01
Sep 11 2017 15:11
@trev-of-ev remove position: absolute on the header
is it on codepen?
imperial-isms
@imperial-isms
Sep 11 2017 15:12
Yeah
Tom
@moT01
Sep 11 2017 15:12
sounds like bootstrap isn't finding jquery, maybe is bootstrap added before jquery?
imperial-isms
@imperial-isms
Sep 11 2017 15:12
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&format=json&prop=&list=search&srsearch=achilles. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not al
lowed access.
Yes, I fixed that part.
Tom
@moT01
Sep 11 2017 15:13
try adding &callback=? to the end of the url
imperial-isms
@imperial-isms
Sep 11 2017 15:13
…the thing you mentioned about bootstrap
Bingo
Why is that necessary?
Trying to search through Wiki API about it, but nothing is coming up
Trevor Guinn
@trev-of-ev
Sep 11 2017 15:16
@moT01 You rock! Thank you
CamperBot
@camperbot
Sep 11 2017 15:16
trev-of-ev sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 849 | @mot01 |http://www.freecodecamp.com/mot01
imperial-isms
@imperial-isms
Sep 11 2017 15:16
Well…something is coming up, but I don’t know which results are relevant
Tom
@moT01
Sep 11 2017 15:17
not exactly sure but, ...
imperial-isms
@imperial-isms
Sep 11 2017 15:17
…not sure how sure where the callback aspect is in the API sandbox
Tom
@moT01
Sep 11 2017 15:17
“The ? on the end of the URL tells jQuery that it’s dealing with a JSONP request instead of JSON. jQuery then automatically registers the callback function which it calls when the request retruns.”
imperial-isms
@imperial-isms
Sep 11 2017 15:17
Wow.
Just saw it after I said it
Where did yu pull that from?
imperial-isms
@imperial-isms
Sep 11 2017 15:18
sitepoint?
Gotcha!
Thanks, @moT01 !
CamperBot
@camperbot
Sep 11 2017 15:18
imperial-isms sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 850 | @mot01 |http://www.freecodecamp.com/mot01
Sorin Ruse
@sorinr
Sep 11 2017 15:58
@trev-of-ev not sure if its what u want but try change in css position: absolute to position: relative; in the header class
Ivan Ngundela
@ingundela
Sep 11 2017 16:16
Hello everyone.. I'm working on my Portfolio Website and need some ideas.. Please advice where I can look at some great Portfolio design ideas? Thanks in advance
teevik
@teevik
Sep 11 2017 16:17
I bookmarked this, looks really great http://rstumbaugh.me/
Janelle deMent
@janelledement
Sep 11 2017 17:28

Hey everyone, I'm working on the twitch project and am stuck. Does anyone know why this snippet to get get offline users doesn't work? I'm trying to use to $.getJSON calls to do this. I use the first call to check if the user is online. The second, I have use another page path to get that user's display name. function getOfflineList(){
//FOUR LOOP TO CYCLE THROUGH ARRAY OF USERS
for (var u = 0; u < usernames.length; u++) {
streamUrl = "https://wind-bow.glitch.me/twitch-api/streams/" + usernames[u] + "/?callback=?";
//GET JSON TO CHECK IF OFFLINE
$.getJSON(streamUrl, function(data1){
if (data1.stream===null) {
userUrl = "https://wind-bow.glitch.me/twitch-api/channels/" + usernames[u] + "/?callback=?";
//IF NULL GET DISPLAY NAME FROM ENDPOINT USERS
$.getJSON(userUrl, function(json){
console.log(json.display_name);
});
}
});
}
}

getOfflineList();

Twitch.png
Tom
@moT01
Sep 11 2017 17:32
whats the problem? @janelledement
Janelle deMent
@janelledement
Sep 11 2017 17:33
@moT01 I'm getting 'undefined' back from the display name in console instead the the actual display name
Tom
@moT01
Sep 11 2017 17:35
where does it stop working
console.log some other things
Janelle deMent
@janelledement
Sep 11 2017 17:36
the second JSON call
Tom
@moT01
Sep 11 2017 17:36
console.log(streamUrl); before your .getJSON
piteto
@piteto
Sep 11 2017 17:36
@janelledement Async functions inside of for loops are problematic, use a forEach() loop instead, or as a quick fix, just replace var with let in your for loop.
function getOfflineList() {
  //FOUR LOOP TO CYCLE THROUGH ARRAY OF USERS
  usernames.forEach(function(user, u) { // or for (let u = 0; u < usernames.length; u++) {
    streamUrl = "https://wind-bow.glitch.me/twitch-api/streams/" + usernames[u] + "/?callback=?";
    //GET JSON TO CHECK IF OFFLINE
    $.getJSON(streamUrl, function(data1) {
      if (data1.stream === null) {
        userUrl = "https://wind-bow.glitch.me/twitch-api/channels/" + usernames[u] + "/?callback=?";
        //IF NULL GET DISPLAY NAME FROM ENDPOINT USERS
        $.getJSON(userUrl, function(json) {
          console.log(json.display_name);
        });
      }
    });
  }) // end forEach(), remove closing parenthesis if using for loop instead
}
Janelle deMent
@janelledement
Sep 11 2017 17:37
Ok @piteto Thanks! I'll try that
CamperBot
@camperbot
Sep 11 2017 17:37
:cookie: 88 | @piteto |http://www.freecodecamp.com/piteto
janelledement sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
Tom
@moT01
Sep 11 2017 17:37
i was workin my way up to that
Janelle deMent
@janelledement
Sep 11 2017 17:37
@moT01 I did console.log the stream page path and that was working great. Just when I got to the second call
@moT01 Thanks Tom
CamperBot
@camperbot
Sep 11 2017 17:38
janelledement sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 851 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Sep 11 2017 17:38
did it show ...
url
url
url
undefined
undefined...
Janelle deMent
@janelledement
Sep 11 2017 17:39
@moT01 I started out by logging out the first call. I got null five times and then undefined five times
Tom
@moT01
Sep 11 2017 17:39
undefined - being the json.displayName
Janelle deMent
@janelledement
Sep 11 2017 17:39
yes
Tom
@moT01
Sep 11 2017 17:40
i was trying to show that your for loop ran all the way through before you got a response
Janelle deMent
@janelledement
Sep 11 2017 17:40
ooh i see
Amit Patel
@AmitP88
Sep 11 2017 17:40
hey guys, after being stuck on this problem for the past two days, I need some help. I'm working on this 3 match game, and I'm trying to render my images as the tiles (instead of the default colored tiles that the engine used) and I'm having some trouble getting it to show up in the canvas. it shows up in the console, but does not display in the canvas itself. https://github.com/AmitP88/Knights-of-Camelot I have no idea what I'm doing wrong...
Tom
@moT01
Sep 11 2017 17:42
@AmitP88 where in the code is it, lot of folders there
Amit Patel
@AmitP88
Sep 11 2017 17:43
@moT01 it's in the js folder in engine.js
Tom
@moT01
Sep 11 2017 17:43
824 lines of code in there
Jorge
@flawedLogic506
Sep 11 2017 17:44
im kinda bored
cbot
CamperBot
@camperbot
Sep 11 2017 17:44
you called?
Jorge
@flawedLogic506
Sep 11 2017 17:44
entertain me, please
cbot allyourbase
CamperBot
@camperbot
Sep 11 2017 17:45
you called?
Jorge
@flawedLogic506
Sep 11 2017 17:45
allyourbase
CamperBot
@camperbot
Sep 11 2017 17:45
all your base
Jorge
@flawedLogic506
Sep 11 2017 17:45
hahaha
Tom
@moT01
Sep 11 2017 17:45
@AmitP88 are you linking the images correctly.... maybe try for each of those tiles ../images/tiles/image.png
Amit Patel
@AmitP88
Sep 11 2017 17:45
@moT01 the object with the tile objects is on line 53, the renderTiles function is on line 307, the drawTile function is on line 376. These are the parts of code that have to do with rendering the tiles onscreen
@moT01 I'll give it a shot
Tom
@moT01
Sep 11 2017 17:46
the image folder is above that files folder
the .. goes up a level
Daniel Feldman
@Feldbot
Sep 11 2017 17:46
Hi, I'm trying to understand how to access the Wikimedia APIs for the Wikipedia project. I'm having a hard time understanding what needs to go in the AJAX call, and am getting CORS error when I try to access with JSON ("No 'Access-Control-Allow-Origin' header is present on the requested resource."). Media Wiki docs mention needing to indentify the client when using the API. Is it necessary to include User-Agent information as they suggest? I've tried lots of things with the origin to get it to pass (like origin set to *, or codepen.io) but it is still failing.
Tom
@moT01
Sep 11 2017 17:46
but im not sure if that's the problem or will fix it
@Feldbot add &callback=? to the end of the url
Amit Patel
@AmitP88
Sep 11 2017 17:47
@moT01 I just tried it, it didn;t work (I get a file not found error)
Daniel Feldman
@Feldbot
Sep 11 2017 17:48
@moT01 Isn't that just for JSONP?
Jorge
@flawedLogic506
Sep 11 2017 17:48
yeah u can pass in the dataType jsonp instead of json
Amit Patel
@AmitP88
Sep 11 2017 17:48
@moT01
tiles.png
@moT01 I can get the tiles to show up in console, but not on canvas
Daniel Feldman
@Feldbot
Sep 11 2017 17:51
@OrangeKulture @moT01 I'm trying not to use JSONP, the reason being I'm trying to understand how to do this with JSON which their docs suggest is possible. I've read that JSONP is really limited to just GET calls, so I'm trying to figure out how to do this otherwise with the thought that a real world project might require POSTs and whatnot.
piteto
@piteto
Sep 11 2017 17:52
@Feldbot I had the same problem where I couldn't use JSONP because of fetch() and found an answer on Stack Overflow. Use &origin=* in your URL: https://stackoverflow.com/a/38921370
Any idea why my quote text isn't vertically centered on Firefox? Works on chrome, but it's top aligned on Firefox. https://piteto.github.io/random-quote-machine/
Daniel Feldman
@Feldbot
Sep 11 2017 17:54
@piteto @OrangeKulture @moT01 I think I got it, I just had my origin=* outside the data property in my AJAX call. It's working now... Thanks
CamperBot
@camperbot
Sep 11 2017 17:54
feldbot sends brownie points to @piteto and @orangekulture and @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 89 | @piteto |http://www.freecodecamp.com/piteto
:cookie: 852 | @mot01 |http://www.freecodecamp.com/mot01
:cookie: 462 | @orangekulture |http://www.freecodecamp.com/orangekulture
piteto
@piteto
Sep 11 2017 17:59
Also have weirdness with bootstrap 4 on Firefox vs chrome with my wikipedia viewer...the results come back in different order but display fine. strange...
Tom
@moT01
Sep 11 2017 17:59
@AmitP88 im still looking around, ...let me know if you figure anything out
Amit Patel
@AmitP88
Sep 11 2017 18:00
@moT01 ok, will do. thanks man, I really appreciate your help
CamperBot
@camperbot
Sep 11 2017 18:00
amitp88 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 853 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Sep 11 2017 18:02
something feels off with your drawTile()
Amit Patel
@AmitP88
Sep 11 2017 18:03
@moT01 yeah, I think so too. I mean, I'm able to get it in the console without any errors, but it won't show up on canvas...
Tom
@moT01
Sep 11 2017 18:04
i know that what i just said is obvious
so, you call it on 322 and 329 and send it 5 arguments
the function asks for 3
Jorge
@flawedLogic506
Sep 11 2017 18:04
@Feldbot jsonp is just a format .. GET or POST have really not much to do with it .. the reason is that when u make a request, you are saying to the server you want the response to be in formatted with jsonp .. u obviously dont need to specify a response format when making a POST because you are the one sending the info
Tom
@moT01
Sep 11 2017 18:04
i know you can send more than it asks for but
Janelle deMent
@janelledement
Sep 11 2017 18:07
Thanks guys @piteto @moT01 I really appreciate your help a lot.
CamperBot
@camperbot
Sep 11 2017 18:07
janelledement sends brownie points to @piteto and @mot01 :sparkles: :thumbsup: :sparkles:
api offline
api offline
Janelle deMent
@janelledement
Sep 11 2017 18:07
@piteto Why does let instead of var work? I tried both and went with forEach. But why does let work?
Jorge
@flawedLogic506
Sep 11 2017 18:08
let is the same as var with change in scope
its def a lot better to use let and const
piteto
@piteto
Sep 11 2017 18:08
@janelledement it is because of how hoisting and scope works in javascript
Janelle deMent
@janelledement
Sep 11 2017 18:09
@piteto Ok, I'll do some reading about it. Thanks!
CamperBot
@camperbot
Sep 11 2017 18:09
janelledement sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
api offline
piteto
@piteto
Sep 11 2017 18:09
I'll see if I can find an article to describe it better, but basically, it's a bad idea to use async functions inside of for loops (even with let)
Jorge
@flawedLogic506
Sep 11 2017 18:10
imo its bad to use any type of function within a loop
piteto
@piteto
Sep 11 2017 18:11
Not sure if I misunderstood, but JSONP is not a format like JSON/XML/etc... it's a different way of requesting data from a server that involves embedding a <script> tag in your page temporarily to bypass cross-origin restrictions
korzo
@korzo
Sep 11 2017 18:11
@janelledement Because async function (as getJSON) run after main script is finished.
It means first getJSON fire at the moment, your loop is finished, therefore u === usernames length
let works, because its block scoped (it means bound to block)
Jorge
@flawedLogic506
Sep 11 2017 18:11
it not a format as in a type of thing .. i meant as in a type of format
actually
its json formatted
padded json or something like that
Tom
@moT01
Sep 11 2017 18:13
@AmitP88 its the x,y
i think
Janelle deMent
@janelledement
Sep 11 2017 18:13
@piteto Yeah, I went with the forEach instead. But i was just curious about let as well.
Tom
@moT01
Sep 11 2017 18:13
i tried reproducing the problem on codepen
https://codepen.io/moT01/pen/QqLOWB
piteto
@piteto
Sep 11 2017 18:14
@janelledement unless you're supporting really old browsers, it's a good idea to stop using var - but I guess in this case, var helped with learning something new :)
Janelle deMent
@janelledement
Sep 11 2017 18:14
@korzo Thanks for the explanation. I'm still having trouble wrapping my head around async stuff but it's starting to become more clear.
CamperBot
@camperbot
Sep 11 2017 18:14
janelledement sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 472 | @korzo |http://www.freecodecamp.com/korzo
Tom
@moT01
Sep 11 2017 18:14
if you remove the 12's nothing shows up @AmitP88
wnghero
@wnghero
Sep 11 2017 18:14
// Setup
function phoneticLookup(val) {
  var result = "";

  // Only change code below this line
 result = lookup[val];
  var lookup = {
    alpha: "Adams",
    bravo: "Boston",
    charlie: "Chicago",
    delta: "Denver",
    echo: "Easy",
    foxtrot: "Frank"
  };

  // Only change code above this line
  return result;
}

// Change this value to test
phoneticLookup("charlie");
why isnt my lookup table working?
Janelle deMent
@janelledement
Sep 11 2017 18:15
@piteto Cool then! I'll def keep that in mind in future.
piteto
@piteto
Sep 11 2017 18:15
looks like you're calling lookup before it is defined @wnghero
Tom
@moT01
Sep 11 2017 18:15
i havent used canvas so im not sure how that works, but you should console.log your x and y in there and see what you get @AmitP88
Amit Patel
@AmitP88
Sep 11 2017 18:15

@moT01 I was thinking of that too, but I figured the code on line 314

                // Calculate the tile coordinates
                var coord = getTileCoordinate(i, j, 0, (animationtime / animationtimetotal) * shift);

took care of that

wnghero
@wnghero
Sep 11 2017 18:15
ahh ok let me try to fix that
Tom
@moT01
Sep 11 2017 18:16
or you could temporarily replace x and y, with some actual numbers and see if they show up
Amit Patel
@AmitP88
Sep 11 2017 18:17
coord.png
The coordinates seem to show up on console as well after console.logging x and y
wnghero
@wnghero
Sep 11 2017 18:17
@piteto thanks
CamperBot
@camperbot
Sep 11 2017 18:17
wnghero sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 90 | @piteto |http://www.freecodecamp.com/piteto
piteto
@piteto
Sep 11 2017 18:17
you're welcome!
Tom
@moT01
Sep 11 2017 18:21
@AmitP88 try manually putting in some smaller numbers and see if it shows up, says those should be the coordinates to the top left corner of the image, wondering if it's drawing it off screen
or off canvas
Amit Patel
@AmitP88
Sep 11 2017 18:22
@moT01 ok, i'll try it real quick
Tom
@moT01
Sep 11 2017 18:23
i have a few other things that im wondering about, maybe they're there for a reason, maybe it doesn't affect anything - but why even have the img as an argument, and not just declare it in the function var img = new Image()
Amit Patel
@AmitP88
Sep 11 2017 18:24
@moT01 hmmm, it didn't really change anything except the numbers, but it just generates it like before over and over
Tom
@moT01
Sep 11 2017 18:27
what if you console.log something in that little function
the img.onload
is that firing?
Amit Patel
@AmitP88
Sep 11 2017 18:27
@moT01 hmmm, let me check
undefined.png
Tom
@moT01
Sep 11 2017 18:30
what numbers did you put in before
Amit Patel
@AmitP88
Sep 11 2017 18:30
@moT01 for this console.log, I left it as x and y, but before that, I tried 10,10 and 100,100
@moT01 when i wrote console.log(context.drawImage(img, x, y)); it keeps generating undefined in the console, but if I try to drag the tiles in canvas, it flickers the image outline and shows the swap attempt
Tom
@moT01
Sep 11 2017 18:35
i dunno man, ...is there anything that would be sitting on top of your images? like something you draw after
Amit Patel
@AmitP88
Sep 11 2017 18:36
@moT01 hmmm, let me check
Tom
@moT01
Sep 11 2017 18:37
cause man, ...your finding the files, ...you drawing them in the canvas
Amit Patel
@AmitP88
Sep 11 2017 18:39
@moT01 yeah, that's what I was thinking too. I even looked over the rendering code, and I still can't figure out what I'm missing
Tom
@moT01
Sep 11 2017 18:40
try drawing something else there
some image online or something
Amit Patel
@AmitP88
Sep 11 2017 18:40
undefined.png
GabriRa
@GabriRa
Sep 11 2017 18:41
Hey, i have a little question, I am cloning the netflix page, so I need to fecth data from an api, should I fetch the date from the server with node?
Amit Patel
@AmitP88
Sep 11 2017 18:41
@moT01 hmmm, maybe you're right. I'll comment out all the tile and rendering code and see if I can just draw something on there first
Tom
@moT01
Sep 11 2017 18:42
what date
Trevor Guinn
@trev-of-ev
Sep 11 2017 18:48
@sorinr Thanks
CamperBot
@camperbot
Sep 11 2017 18:48
trev-of-ev sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1333 | @sorinr |http://www.freecodecamp.com/sorinr
Janelle deMent
@janelledement
Sep 11 2017 19:21
Not done by any stretch but I've gotten my api calls done on my twitch app. There is a major bug though. I have three buttons: 'online', 'offline' and 'all'. 'All' opens on load as a default. The idea is to only show the offline user list when I click 'offline'..etc. The problem is when I click multiple times. It just starts adding my lists together and showing everything. On the second button click this starts to happen. Anyone can see what's up? https://codepen.io/janelledement/pen/VzRmNq?editors=0011
Janelle deMent
@janelledement
Sep 11 2017 19:25
@moT01 Thanks!
CamperBot
@camperbot
Sep 11 2017 19:25
janelledement sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 854 | @mot01 |http://www.freecodecamp.com/mot01
Janelle deMent
@janelledement
Sep 11 2017 19:29
@moT01 Eek, still not working :-(
Tom
@moT01
Sep 11 2017 19:30
eek
so what's the problem
Janelle deMent
@janelledement
Sep 11 2017 19:32
Same thing I described. It works the first time I click another button, but after that, it adds my lists together. So if I click 'online', it adds the the list I had showing before.
Tom
@moT01
Sep 11 2017 19:33
that empty should be what you want to use
maybe a syntax issue with it
Janelle deMent
@janelledement
Sep 11 2017 19:34
I have a few functions that I use to make each list and call those functions on the clicks. All the content then gets added to it's corresponding div. At the beginning of each of my functions, I use empty like this:
function getOnlineList(){
$("#allList").empty();
$("onlineList").empty();
$("offlineList").empty();
//FOUR LOOP TO CYCLE THROUGH ARRAY OF USERS
usernames.forEach(function(user, u){
streamUrl = "https://wind-bow.glitch.me/twitch-api/streams/" + usernames[u] + "/?callback=?";
//GET JSON TO CHECK IF OFFLINE
$.getJSON(streamUrl, function(data1){
if (data1.stream!==null) {
userUrl = "https://wind-bow.glitch.me/twitch-api/channels/" + usernames[u] + "/?callback=?";
//IF NULL GET DISPLAY NAME FROM ENDPOINT USERS
$.getJSON(userUrl, function(json){
var html =
"<div class='row'><div class='col-xs-4'><img src='" + json.logo + "' class='img-circle' width='60' height='60'></div>";
html +=
"<div class='col-xs-4'><a href='" + json.url + "' target='_blank'>" +
json.display_name +
"</></a></div>";
html += "<div class='col-xs-4'><p>" + json.status + "</p></div></div>";
$("#onlineList").append(html);
});
}
});
});
Tom
@moT01
Sep 11 2017 19:35
yea, i saw the pen
maybe there's a syntax issue with it
Janelle deMent
@janelledement
Sep 11 2017 19:37
OI!! Thank you! I feel pretty silly now! :-)
Tom
@moT01
Sep 11 2017 19:37
that happens to everyone
Janelle deMent
@janelledement
Sep 11 2017 19:38
Thanks @moT01
CamperBot
@camperbot
Sep 11 2017 19:38
janelledement sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
api offline
Enrique Alejandro Arzamendi Picazzo
@AleCx4
Sep 11 2017 20:35
who here has mad jquery skillz that could help me with a small issue I am having?
Tom
@moT01
Sep 11 2017 20:39
whats the problem?
Enrique Alejandro Arzamendi Picazzo
@AleCx4
Sep 11 2017 20:42
@moT01 hi Tom! Basically, I am experimenting with datatables.js and a jquery virtual keyboard plugin. I have a pen for it(I will post it in a bit) if you are not familiar with datatables.js, this is the main gist, you have a bunch of data that will show on a table, either from ajax or hardcoded values, and the plugin takes care of pagination, search input filters and whatnot. The thing is, I added a virtual keyboard to the search input
but when I use it to type information into it, the filter does not work and thus its like there is not search box
here is a codepen that simulates the problem
so if you start typing into the search box for Airi, normally what it would do is show only that row, but with the jquery virtual keyboard nothing happens
I am trying to fix that but have not been able to, in my pen I show a generated bootstrap select box, in which you get an input filter for the selection, the keyboard does work in there, but it will not work with the datratable
piteto
@piteto
Sep 11 2017 20:50
@AleCx4 I'm going to guess your virtual keyboard library has an official/recommended way of doing this, but triggering a "input" event fixed it for me.
keyboard.$el.trigger('input')
There needs to be a way to get it to show all results again when you click cancel on the keyboard - perhaps another event gets fired from the keyboard library for you to trigger another input event
Enrique Alejandro Arzamendi Picazzo
@AleCx4
Sep 11 2017 20:52
@piteto BOOmM that did it! thanks man! I have that question open in Stack Overflow, if you want to comment on it I can give you the accepted answer and get you the points there! :)
CamperBot
@camperbot
Sep 11 2017 20:52
alecx4 sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 92 | @piteto |http://www.freecodecamp.com/piteto
piteto
@piteto
Sep 11 2017 20:53
hey, happy to help! I don't contribute to stack overflow - feel free to self-answer and accept it as the solution
And, FWIW, this works too: keyboard.$el.onchange(); @AleCx4
Enrique Alejandro Arzamendi Picazzo
@AleCx4
Sep 11 2017 20:55
@piteto you da man! thank you again!
CamperBot
@camperbot
Sep 11 2017 20:55
alecx4 sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
api offline
piteto
@piteto
Sep 11 2017 20:55
actually, nvm forgot to click run lol
Elizabeth Paul
@Kowalatam
Sep 11 2017 20:58
pomodoro clock... feel free to find bugs
piteto
@piteto
Sep 11 2017 21:10
@Kowalatam If I press pause, then reset, the clock starts going again
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:14
thats what reset does..
@piteto
i could try make reset unclickable until imput is changed ...
input
dunno.. might work...
piteto
@piteto
Sep 11 2017 21:15
@Kowalatam I haven't done that project yet lol, but I was thinking I could stop the clock, reset it, and then change the break/session times
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:16
@piteto When u pause it, u can change the break and session and then hit reset
if u hit pause, the input section will be enabled so u can change it
and i just found an issue i thought i had fixed :(
piteto
@piteto
Sep 11 2017 21:19
I see, okay, my mistake. Nice work :)
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:19
@piteto i see what u mean lol.. u expected the reset button to make everything go back as it was in the begining
piteto
@piteto
Sep 11 2017 21:19
only other feedback I guess is some missing semi-colons in your JS and you don't need to add bootstrap.css since you don't seem to be using it
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:19
not a bad idea
piteto
@piteto
Sep 11 2017 21:20
Yeah, I guess I thought "reset" was like refreshing the page
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:20
yeah.. i was using bootstrap b4... totally forgot to remove it from codepen also...
@piteto i'm liking that idea... might implement it ... :)
piteto
@piteto
Sep 11 2017 21:21
Cool :)
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:23
did u allow the timer to reach zero ?.. im feeling like the sound timing is a bit off @piteto
piteto
@piteto
Sep 11 2017 21:23
it happened in the background - was a surprise haha, so I didn't see the timing
@Kowalatam I watched it go to 0 and it worked great. Screen flashed colors and then the ding happened right at 0
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:27
@piteto great... thanks for the feedback..
CamperBot
@camperbot
Sep 11 2017 21:27
kowalatam sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 93 | @piteto |http://www.freecodecamp.com/piteto
piteto
@piteto
Sep 11 2017 21:27
you're welcome!
Elizabeth Paul
@Kowalatam
Sep 11 2017 21:27
just need to make it look like wow
:)
Saikat-Sinha
@Saikat-Sinha
Sep 11 2017 22:05
Anyone with angular material understanding please help
open this link in firefox http://jsfiddle.net/ThomasBurleson/44feazry/4/
the footer is floating on top of main content
in chrome it works fine
Mercy Manrique
@mers89
Sep 11 2017 22:13
Im not sure why some of the images are missing from the users .https://mers89.github.io/Twitch-TV-JSON-API/
I added if then statements and my error image in case a user cant be found (donut image 404) comes out so Im not sure why some of the images dont come out. DOes that mean the user doesnt have an image to begin with?
Coy Sanders
@coymeetsworld
Sep 11 2017 22:30
Some users may not have an image @mers89, you should catch those situations and put a default image in place
Engjell Bislimi
@Engjell00
Sep 11 2017 22:51
anyone could explain me what is border-box
box-sizing
Daniel Feldman
@Feldbot
Sep 11 2017 23:35
@Engjell00 Here is some info on box sizing. I believe it doesn't add extra space when it calculates margin and padding, but not positive on that.
piteto
@piteto
Sep 11 2017 23:38
@Engjell00 an element has content, surrounded by padding, with a border around that, and then margin. That's the CSS box model.
By default (box-sizing: content-box), the width and height only includes the content of the element. The text, for example.
box-sizing: border-box will include content, border, and padding in the width. It makes it easier to size your elements.
iso
@iso1048
Sep 11 2017 23:38
@Feldbot yeah I think you are kind of right - box sizing includes the border width and padding in the dimensions assigned to the element to my understanding.
Engjell Bislimi
@Engjell00
Sep 11 2017 23:39
thanks @Feldbot @piteto also last question is is important to learn the color with hex, letter and rgb? also the hsl hsla thing with the opacity
CamperBot
@camperbot
Sep 11 2017 23:39
engjell00 sends brownie points to @feldbot and @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 94 | @piteto |http://www.freecodecamp.com/piteto
:cookie: 298 | @feldbot |http://www.freecodecamp.com/feldbot
piteto
@piteto
Sep 11 2017 23:40
Not really important to learn hex vs. rgb - just know the difference
hsl makes it very easy to get the color you want
rgba and hsla are similar - great for semi-transparent colors
Daniel Feldman
@Feldbot
Sep 11 2017 23:49
@mers89 It looks like the images that aren't showing up are being loaded over http where all the other images are coming over https