Blog 3: Will Packer Productions-CSS Explanation

I recently came across the website of film production company, Will Packer Productions. My favorite thing about this site is the slideshow background that shows different stills from their current movie No Good Deed. I also like the more advance navigation on the page that allows you to scroll down the page to different sections. The background also changes as you move down.  The main page of the website has many different videos and links embedded into page but there are also tabs that take you to independent sections.

Screen Shot 2014-09-26 at 11.31.40 AM

 

Screen Shot 2014-09-26 at 11.32.00 AM

This site has much more complicated navigation than what we’ve learned so far in class, though I hope to be able to complete something like this one day.  I’ve posted screen shots of the different navigation tools that are written in the site. You can also see there was a lot of styling done to the original html page. It looks like there is also more than one css style sheet used here. So creating multiple pages is a technique that I want to learn as well.

 

 

Advertisements

2 thoughts on “Blog 3: Will Packer Productions-CSS Explanation

  1. I like the design of this website, it’s clean and interactive. I hope to learn how to make something like this some day. I think the code is still confusing to me now because it contains hashtags in html file, which I don’t know how that works. I think we should be extra careful when coding such a webpage, because it is easy to miss tags.

    Like

  2. I like this site a lot, a decent choice to showcase the current web design trend, scrolling. Developers love sticking with scrolling cuz users love viewing a site by just scrolling their mouse to get most resource. The fact is it is a lot harder than it looks to make a scrolling based website as you always have to make sure the site’s usability stays at a friendly, easy-to-accomplish level.

    i will focus on the menu bar here. Notice once you scroll down, the whole menu bar stays on top of the screen even when background keeps changing. Some poorly built site forgot this step which instantly bringing user experience down to a horrible level.

    The trick here in CSS is the tag “overflow”. The overflow property specifies what happens if content overflows an element’s box. In the case of Will packer Productions Menu bar, the developer coded “visible” for the overflow, which is the default settings for overflow, so overflow is not clipped. It renders outside the element’s box.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s