Adv Web - 25 - Fluid in CIS?

So this template is very cookie cutter but this is a website that is being created for a CCC student by a CIS student here at Carroll. What really interests me here is that I've been so harsh on the CIS version of the web design course and yet this website functions really well with fluid, despite looking basic as all hell. I like the large scrolling photo in the center especially for a photography website, but the page is huge and leaves quite a bit of scrolling and necessary stuff in the body area.

Adv Web - 24 - I still don't understand this design

I don't understand this design style where you scroll down through the different divs each containing different information. It's something that I critiqued about the Microsoft because it takes forever to get down to the footer and there's no real end in sight. If there were a static footer and then the center area scrolled that would probably look and feel better or have those headers and footers that scroll with the page but this makes the page way too large.

Adv Web - 23 - More elements changing

This is becoming less about the fluid design where the divs are percentages but instead they're about how these elements can change with a simple click. There was an image in the center of this page and upon clicking a "try this" button it turns into a video player. This is really good if you want a website to be one page without having to scroll and then things can change as you need them to by clicking elements.

Adv Web - 22 - The stuff changes

This website has the header change when the website gets smaller. I didn't know that you could change the look of the header when the website size changes. it went from looking like a desktop website to more of a mobile version with a smaller window because of elements changing.

Adv Web - 21 - Issue scaling in fluid site

This is a pretty cool website that uses horizontal scrolling for a timeline effect. It has a bit of a large loading time and they have their own loading icon which is kind of a bad thing but they're also covering 100 years of technology. My only quarrel with this site is that the timeline stuff does not resize with the window of the web browser.

I didn't shrink it down too much before the pictures were going out of my line of site and the social network icons were squished out of proportion. It's unfortunate because this site has a lot of potential but there is still quite a bit of tweaking that needs to be done.

Adv Web - 20 - Another Fluid Design

The last one was actually the contest page which was designed to be fluid as well but this site is the direct real deal. It's interesting to see all of the different elements The image at the top swipes off the the side changing every now and then. 

It's interesting to see how the header stuff acts because of everything being a percentage of the overall site. The image at the top goes to the edges so I'm wondering if the wrapper is 100% and then the body is a smaller percentage. The navigation and logo in the header get a bit squished when downsizing but this is meant more for different resolutions not for you to play around in the browser squishing the window in stupid ways. 

Adv Web - 19 - Responsive Site

I found a site that did some sort of competition for fluid website design and I have to say that the effect of responsive website design is kind of wonky. Here you can see the site in two seemingly natural states that work well and fit the browser. It might be something that I'm not used to because responsive design isn't applied much because most of the website creators are doing it from more of a programming standard than a design standard but it still feels a bit strange to me.

Adv Web - 18 - Mobile vs App

Mobile websites are becoming increasingly important but many are turning towards having app versions of their products and the differences are pretty noticeable. On the App version on the right the information looks a lot cleaner without having the dark bars everywhere separating information, yet on the left the videos on youtube are displayed in a more functional manner that would be more beneficial in the app where there is more space. 

Apps also don't have to rely on the mobile web browser which can be a pro or con depending on the company which is producing the app. There are also features in the apps that can't be achieved in a web browser like the Youtube App's picture in picture function that allows you to watch a video while scrolling through to find the next one. 

So even with mobile websites being important by the time they made their way into the curriculum there is already more ways to handle this mobile web browsing need than we have even touched. 

Digital Video - 36 - Jogwheel original

This is a real quick original short but the opening shots and atmosphere are good. It does overplay a bit when it comes to the intense music as Jon runs to the window but overall it's a funny video that shows off his knowledge of producing a quality video even if it's a short one.

Digital Video - 35 - Recording Instruments

I have first hand experienced how hard it can be to effectively record musical instruments because either they're too loud or quiet, and can easily drown other things out like vocals. Laura does a nice job here, it's a bit low yet I can still hear it fine with the volume up a little louder.

Digital Video - 34 - 3D animation and video production

http://www.youtube.com/watch?v=UTqnhMYOOmQ

unpublished video you have to click the link for this one.

There are some nice video techniques in this video even though it's animated. The shot starts off at a low angle and then cranes up showing Chell sitting on the companion cube. Then the camera and eye being led by the bird breaking away from the rising shot really pulls you in the direction that it is moving. It's unfortunate that the video is so short, but it effectively does what it has to even with how short it is.

Digital Video - 33 - Syncing audio and video

So something we've been talking about during the storyboard critique for the music video is to have things sync up to the music. The biggest example in my head is this video because they cut clips to the music and synchronized them perfectly. So with the repetitive action that fits the catchy tune this is guaranteed to get stuck in your head.

Digital Video - 32 - Outtakes

Even if you're doing an outtake video you have to put thought into the editing of the clips together so they feel coherent and that you're not just watching a lot of screw ups. John and Hank use good cuts here cutting out the beginning of the shots to jump right into the action and keep the funny outtakes and reactions rolling.

Digital Video - 31 - Chill

I like this video not only for the awesome cover of this classic gaming tune but it also has some great transitions as instruments become more prominent or completely disappear. This is something that is pretty common when it comes to covers of songs, but it shows fitting multiple camera shots onto one screen very well.

Digital Video - 30 - Audio Preset

This is another example I was thinking of while making that last post. Chuggaaconroy is a very loud guy and when recording collabs with other people only some have figured out that his microphone needs to have a different setting so that he doesn't overpower others. Sometimes this is necessary and very helpful if you can situate each actor or person speaking with their own dedicated mic.

Digital Video - 29 - Audio Levels

This video is notorious for the "Swiss fucking cheese god damn it" part but something that most people don't notices is how well the editors of the video watched the levels. Micheal's voice never clips or gets too loud that you feel the need to crank down your volume because it makes your ears want to bleed. Watching your audio levels are really important when you're overlaying multiple tracks, and becomes even more important when someone is screaming or changing volumes constantly.

Digital Video -28 - Thriller

It has been quite awhile since I've watched Thriller and seeing the beginning again I was like "wow I forgot how cheesy this was" just to have it thrown in my face that the first four minutes of the video is a movie that the characters that star in the music video are watching. The choreography is amazing and is still iconic in our culture. If someone I knew could pull off the entire dance from the climax of this song perfectly I'd have to throw them a $20. After getting over the cheesy feeling of the video Michael and his date are watching the feeling of short story mixed with music video gets incredibly strong and just knocks you out. 10/10 would watch again.

Digital Video - 27 - Music Video

This is a great song but the video makes no sense. Like it looks great an all but I cannot see much rhyme or reason at all it just feels like they told the actors to go out into that vacant area and stage a fight. What's even more crazy about this is that this is the song that I want to do for project four and just wow.

Digital Video - 26 - Memorable Moments 2

This is a newer instance of Memorable Moments that I only want to bring up because the graphics have been updated by this version by their friend Dan who majored in motion graphics at SCAD. The new graphics actually follow the bran identity of the channel which is weird to think about but even when you're a video producer there's a kind of brand or common elements that work their way into every aspect of your videos. There are even some producers that slip things into every single one of their videos as a kind of trade mark. Anyway new graphic and off topic thoughts aside the new graphics area nice little touch that makes things look more unified.

Digital Video - 25 - Memorable Moments

As part of Stephenplays Stephen does a little segment called Memorable Moments that hilight clips from his LP series. More focus is put into the introduction and ending of each segment as a preexisting clip already exists. I'll probably come back to this concept in motion graphics because there are a lot of custom graphics that are animated and make things more interesting.

Adv. Web - 17 - CSCC mobile

I have to give CSCC some credit for actually making a mobile version of their websites, but at the same time it needs quite a bit of work .That banner needs to change I know that i'ts present in the main website but even there it looks wierd and out of place. These navigation links could just be in their own subcategory in the menus below instead of sitting on the top looking completely broken. I do like the menus in the body that link off to the other pages. It's kind of empty but it's very clean. Maybe if a picture was substituted into the area where the broken nav and banner are then the site will feel a lot more complete.

Adv. Web -16 - Coumbus State Community College

Columbus state has a much better layout on their blackboard site but their main site is a bit of a mess. I'm immediately thrown off by the banner above the header. For some reason it really throws the hierarchy out hte window for me and makes the name of the school and the navigation tools for the students seem way less important than they really are. The color scheme is enjoyable but there are so many different colors thrown in; the green, red, and orange make things feel disjointed and there's a bit of space between everything that gives breathing room but at the same times gives this feeling of disjointed unity. It makes me appreciate our weird looking website a bit more but it's worrisome that college websites are this out of date. Luckily a lot of them have been revamping recently.

Digital Video -24- Stephenplays

Another project that Stephen and his wife Mallory do is his let's playing channel Stephenplays. It's much newer than the vlog and the video quality hasn't dramatically increased because he has a pretty good set up from the start using component cables to capture the video with black magic intensity card.

He's not as information intense with his LPs in comparison to say Chuggaaconroy in fact there has been a lot more collaboration and when there aren't collabs and competitions it's focuses on getting over the trails of games that can be really difficult at times.  There's also a huge focus on making the audio clear and the commentary useful to those who want to play the game or  just entertaining.

Stephenplays is kind of the middle man between the other LPers that I've talked about like Chuggaaconroy and Raocow but he still makes interesting videos that I find myself watching when I have time.

Digital Video - 23 - Stephenvlog

Stephen Georg started his daily vlog his junior year of college and has been going strong for nearly 1500 days (4+ years). Stephen was one of the first vloggers who was more about taking the camera with him instead of sitting in front of a computer talking about happened that day. This is one of the more recent vlogs so he has the nice camera and knows a lot about how to deal with vlogging his daily life. He's visiting LPer Chuggaaconroy in this one.

Stephen is very good about trimming the fat out of the vlogs when they're doing a full day of interesting things. In the early vlog there were a lot of jump cuts in the same location and shot and everything was a mess. Then there's the quality of the video itself which improved immensely once he got used to using the Canon camera instead of the Flip which had a really small field of view. This kind of ended up being more about hte evolution of the vlog but it's crazy to not only see someone's life evolve over time but his skill level increasing since his days at SCAD.

Digital Video -22- Something a bit more random

Raocow just uploaded this really spur of the moment video the other day. Even though this is off the wall there's something about this video that speaks because it's so calm and the moment he was talking about was captured. The tone of voice here is good and even though the camera isn't the best you can get the feeling of how calm the surroundings are.