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! http://dominiquejardin.com/

 

 

Advertisements

One thought on “Blog 6:DJane Dominique Jardin uses of Jquery

  1. She definitely has a pretty cool site. It’s very eye-catching- bold, bright and very interactive. I also really like the images that flip completely around to display the information. The entire site uses a bunch of hover transformations- the nav bar is really cool. I like how it’s sticky but shortens unless you hover. That way it’s less distracting but still easily accessible and user-friendly.

    Also, on her about page, when you scroll down to the social network, you watch the numbers very quickly go from zero to where they currently stand. The icons also are floating. It’s all pretty cool, and the coding looks like something I could use with a little practice.

    Good find!

    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