This is one of the scenes for the parallax website. As you scroll up on the website the scene will pan to the right whilst the car is static to the center of the screen. This will create the illusion of the car driving through the scene as the user controls it.
I will also create the car as a GIF so the wheels will move as the user scrolls up.
This is the first part of the Easel Website you can see where you create an account or log into Easel. We added an arty styled video of bournemouth beach to create a more professional feel to the website.
We had some coding issues with positioning and making it full screen, but putting the video inside a div with height and width of 100% and setting the video attribute to cover made the video eventually go full screen.
I looked at 3 different websites which I feel are similar to Easel in the way of uploading art work or images, but do it in a different way.
Behance – This is for mostly graphic design artists, posting their latest pieces of work which are usually; posters, adverts, logo designs etc.
I like the way bechance has a view and like system to each piece of work, so you can visually see how popular the work is to the audience. This is something I would like to see in our website if we can work out the coding.
Instagram – This is a WebApp I use all the time, you upload photos for your followers to see. They can then like or comment on your upload.
Tumblr – This is a blogging WebApp where you can upload anything you want, from images, videos, text, audio, links etc.
Tumblr also has a like and comment feature, but also has reblog. This allows followers to reblog exactly what you have posted to their followers, but links to your blog as well so their followers can see you blog.
It looks like all these uploading WebApps lets you create an account and upload images in some way, where followers can like and comment. These websites are more like blogging applications for followers, but Easel won’t have user followers, all images will be displayed on the homepage.
I want Easel to have the like and comment feature and user account. What makes Easel individual from these other WebApps is that users only upload art work rather than photos.
At first we wanted to only use CSS to organise classes, but found that very time consuming and harder customise and add the features we wanted like dropdowns and rollovers.
Going with bootstrap made it easier to create the features like our login boxes and register box, other buttons and the main navigation bars.