A page that uses parallax js, and css2 animations ###demo 2 » Experimenting with the konami code.
In the spirit of Jennifer Dewalt's 180 websites in 180 days, we'd like you to revisit JavaScript and create an app over the next 72+ hours using an external library or technology. The goal for this assignment is to add an additional project to your github page that shows off your creativity and styling abilities. You will be presenting your project on Tuesday morning
Here are a few popular libraries and technologies to check out as you start to think of your idea:
-
css3 transitions - MDN guide and an excellent tutorial
-
Find even more here
Some tips to help you out:
-
Always remember, "good artists copy, great artists steal." Look at other websites and apps that you think are designed well and learn from them. Obviously don't make a direct copy, but derive inspiration from those who design well.
-
Check out site websites like:
- adobe kuler - to see popular color schemes and figure out what colors go well with each other
- while you are there, learn about the basics of color theory - it is an essential skill if you want to do front-end design/development
- subtlepatters, to find cool patterns for your backgrounds
- iconfinder - for some good looking icons for your project
- behance - to see what people are designing and what the community thinks
- adobe kuler - to see popular color schemes and figure out what colors go well with each other
- use an external library or new technology to create a website/app of your choice
- focus on styling the app - build something you'd be proud to show others
- commit frequently and push to github often