Blog 6:DJane Dominique Jardin uses of Jquery

For this blog, I came across a website for a female DJ named Dominique Jardin. She’s from Austria and is mostly focuses on Electronic Dance Music.  Anyway, her website is one of the best I’ve seen. When you first access her site, there is a loading symbol.

Screen Shot 2014-11-07 at 9.42.42 AM


and then the a picture of Dominique appears:

Screen Shot 2014-11-07 at 9.45.59 AM


that quickly fades into another picture:

Screen Shot 2014-11-07 at 9.42.45 AM

before you’re finally brought to the home page of the site:

Screen Shot 2014-11-07 at 9.43.01 AM


This opening sequence happens every time you load the website. It’s automatic but again it’s really fast so I wasn’t annoyed by it. The website also makes use of the sticky navigation but with a twist.

Screen Shot 2014-11-07 at 9.50.44 AM


The black bar stays at the top of page, the entire time but as you scroll the navigation buttons disappear and her name changes to just DJ. But if you hover over the navigation bar, all the information reappears like it is above.

Screen Shot 2014-11-07 at 9.53.32 AM


The site uses a lot of javascript and jquery in the coding. She has her music videos embedded on the page so just press play and keep scrolling.  Also she has some examples that we’ve learned in class, like the hide/reveal (the boxes on this page flip completely to show new information). This is a technique I really want to use on my next site.

I only talked about the homepage for this post but each section of her website has incorporated Jquery and the site although it’s almost all responsive, doesn’t take a long time to load or move slowly. Her media page, reminds me a lot of a tumblr website/with infinite scroll.

Check out this website it’s awesome!




Blog 4: LA Times Sundance Film Festival

For this blog post, I decided to look at the LA Times coverage of the Sundance Film Festival.

One of the features I like the most on this site is the infinite scroll feature, but I feel like it complicates the flow of the section. It starts out with different movie review articles embedded on the page.  As you scroll down the page there is another section labeled Festival News that runs horizontally across the page.  These articles are not about the Sundance festival so it’s confusing this banner at this part of the page.

Screen Shot 2014-10-10 at 11.24.31 AM

I didn’t like that you weren’t able to click the headlines like video, or festival highlights. Also the site ha more videos and photo galleries on the Film Festival but they weren’t linked or embedded to this section.

Screen Shot 2014-10-10 at 11.44.41 AM

A lot of the videos are interviews with directors of the films, which is great because it gives you more insight about the festival.  If you didn’t know what the Sundance Film Festival was, I would recommend this site for the most recent events, but suggest the official website for the history of the festival.

In my opinion the site offers a lot of good information on specific movies/events of the festival and provides good information to people who didn’t attend the festival. The site also updates it’s information on films and directors as it happens, so I like that you’re getting the most updated information.


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.



Blog 2: Huffington Post

The Huffington Post website has things that are really good about it, but there are also things that make usability somewhat difficult.

The Huffington Post’s main website starts with a leading story on top and then the page is broken into 3 columns. One of my main dislikes about the website is that you can’t read a summary or part of the article on the main page. The user either has to click on the article, or hover over the picture to click on “Quick Read” which opens a small window on your browser. It would be nice if you didn’t have to interrupt your scrolling or leave the page you were on, before deciding if you wanted to actually read the article.

The homepage of the website has interesting features like updating itself every few minutes, so you will always have access to the most breaking stories. However, there is so much information on the page, that it can become distracting. For example, as you scroll down the page more stories load as you go and there are animated gifs that play automatically as you scroll past them.  Separately, these elements are interesting and can add to the user experience of the page, but when they are used all together a person can become overwhelmed and want to leave the site.

Just about everything on the home page is clickable. You can click the pictures, headlines and comment section under each post. There is even a category attached to each story that you can click on to see all related articles on that topic.

Overall, I think the page follows Krug’s criteria on some level but deviates from it as well. There isn’t a clear hierarchy on the page in terms of importance. An article about “What it’s really like to be Celibate” is right next to a political article about “Feds Pushing Seniors into Poverty With Aggressive Tactics”.  I would also say there is a lot of noise on the homepage, just a lot of over kill on graphics and the amount of stories cramped on to the homepage.

If you were going to use The Huffington Post’s website, I would suggest going to one of the sections: Black Voices, Gay Voices, Sports, Crime, etc…and navigating to the article you want to read.

Ebola Outbreak by New York Times

This article is from the New York Times on the Ebola outbreak in Africa. The site has covered many stories on this subject, so it’s nice that they have links within the article that can provide more information and access to other articles without having to search for them.  The navigation is simple. The article is long form and they have included a lot of other multimedia elements to tell the story. There are a few advertisements listed only the side as you scroll down, so it’s obvious the site is very commercial.

One of the main things that drew me to this piece was the use of other elements to tell this story besides a text piece. There is a slide show at the beginning of the article as well as multiple infographics and maps. One thing that is also nice is the videos and audio components embedded with the article because it gives the users multiple ways to experience the story in one place.

It also includes other links and articles to different areas in Africa so you can read about the news in country by region. I really enjoyed being able to move from news on Liberia to Sierra Leone without having to go back and look it up.

The page also makes it easy to know what others are saying about the topic and join the conversation.  The have comment sections listed to each section of the article. Overall I think the layout was done really well. Even though there were a lot of different elements on the page,it didn’t slow down the site or make it difficult to navigate. Also like I said, it’s very important on the Ebola outbreak and if someone wasn’t aware of the situation, it would be very helpful.