My local weather map

My local weather map
0

#1

Hi all here is my local weather app.

http://codepen.io/Mozar10/full/GjGArB/

I just want to make sure it is functional right now. I plan to improve the design at a later date.

Cheers.


#2

Doesn’t work in Chrome :disappointed:


#3

Right, why is that? any idea? because it seems to work in the other browsers just fine :S


#4

#5

Thank you. But it is working on your other browsers right? Just want to make sure chrome is the only problem.


#6

Yes, it works in Firefox (I’m on Ubuntu so I haven’t IE, Edge or Safari).


#7

It works for me in firefox, but first image won’t load (at the start screen) and don’t see how can change degrees to F.


#8

Yes thanks. I am working on it right now just wanted to get some evaluation from different locations. Will post the completed project soon.


#9

here is the completed project. Please let me know if everything works.
[
http://codepen.io/Mozar10/pen/mEgmjZ]

Thanks.


#10

Your layout is off (see “Get Weather” button).

Also it should load weather automatically.


#11

I’m wondering which browser is showing the layout like that. And how come it doesn’t appear like that on my end?

And I hear you, but based on the User Story: I can see the weather in my current location. I think mine is acceptable.

Thanks for the feedback


#12

Both Chrome and FF.

You are using Merriweather font, but I couldn’t find where you are loading them.

As there is no Merriweather font loaded, browser loads fallback font serif. And looks like my serif is bigger than your serif :wink:

If you add Merriweather font, layout is ok.


#13

Oh right. That’s true, I hadn’t added the google font. Thank you… Should be good now… functionality wise.


#14

:+1:


#15

quick question out of curiosity: why didnt you use jquery?


#16

Well I’m aiming to complete everything in pure JavaScript in an attempt to learn more fundamentally, if that makes any sense.

And although I do plan on learning jQuery comprehensively as well, I’m not currently as comfortable with the syntax.