I applied the 4th parallax tut to my landing page, here is some documented progress… First I made my 2 containers, the assassin is the controller. I sukkled a bit with positioning at first then realized it was because the way i saved my triangle pngs was that they were small on a canvas instead …
Author Archives: kristioosthuizen
Landing page progress
Made my link hover red…. Added some decoration….
Linking a div
I am working on my landing page which is going to have a lot of links on it, and realized i had to do it differently as I hadn’t made my pages different htmls. My pages are just different divs on index.html. Luckily I figured it out. You just need to give your div an …
loader/ I tried…
I’m trying to make the loader stop animating and played around trying to change the animation css. but um hahaaa nope its not working. Then I watched this tutorial which suggested making a wrapper for your loader and adding this script: idk tho i cant get it right 😦 and now i will cry and …
Final/last landing page design
I can create some nice parallaxes with all these triangles
Landing page
I’ve put some pictures into the triangles, and I’ll see if I will add more but I think less is more.
HOVER BUTTONS
I want to try out these effects for my landing page buttons….
DESIGN CONSULT FEEDBACK
As per consult, I made all pages hald black and white half color. I also corrected some of my assets so that the images blend into eachother better. For this one, I cut the foreground pic in two and made it half b&w. It looks more multi layered now. I just made this bg pic …
Loading screen parallaxing
After doing enough tutorials and actually understanding things… I started coding my first page, the loading page, which I want to look like this eventually: I want them to move to look as if they really are jumping/falling. So far:
CODING A HORIZONTAL SCROLL SITE
So I followed this tutorial: How he did it was to make content blocks under 2 layers of wrappers, then rotate it 90 degrees, but turn the inner wrapper back the way it was so it appears the right way. It worked fine, and you could also remove the scroll bar. I had trouble when …
Kristi Multimedia 