ckingbailey / local-weather-app Goto Github PK
View Code? Open in Web Editor NEWdisplay local weather based on your IP address
display local weather based on your IP address
Use a variety of nth-of-type selectors to vary hail timing so that you don't get that chunky, whole-blocks-of-hail-resetting-at-once effect.
make flash of lightning animation move around randomly on each iteration.
after first iteration clouds should move in from left edge of window, rather than re-appearing in the middle of the background as they do now. s'thing like:
cloud1.addEventListener(animationiteration, function() {
cloud1.style.left = -10vw;
});
BONUS: make them fade in on first iteration.
created pretty, winky sun for clear weather animation, now add it to cloudy weather animation.
Using the unit 100vw to make leaves travel horizontally produces unsightly effects on different screen widths. Make it use an absolute width, rather than a screen-relative one.
need extreme weather animation.
OpenWeatherMap API, group 90x, extreme:
900 tornado
901 tropical storm
902 hurricane
903 cold
904 hot
905 windy
906 hail
@jmeas suggests adding another layer of if statement and use modified version of existing animations, so, for example, windy could take the existing clouds and make them move very fast, or tropical storm and hurricane could take the existing rain animation and add a pronounced horizontal movement to the drops.
storm clouds & lightning elements are in the wrong parent divs.
should go:
these divs are appended in thunder.js
It's confusing to have randomInt() be the default and randomFlt() not default. I don't want to have to remember which of these two very similar functions is default. Make them both regular exports so I can always depend on going import {random} from '//randomRolls';
Even better, and I'm just thinking of this right now, make them both properties of the objects random, export them both as default, then I can import them as import random from 'path/to/randomRolls' and just use the one that need as random.int or random.float.
-> set a 0% state on lightning animation
-> consider adding some scale or opacity property to the animation
-> set different duration or delay on before & after elements
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.