Applying for January classes? App/scholarship deadline extended through December 9th. Click here
Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
January 1, 2025
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
January 1, 2025
Next Start:
January 1, 2025
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
January 1, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

5 Sites Who Get Creative with Javascript and jQuery

by Margaret Penney | June 15, 2016


Javascript and jQuery are key to creating websites that have interaction and communication with site visitors. Javascript and jQuery techniques help website creators make next level sites that are highly creative, custom-designed for audience experience and also very responsive.

Without getting too technical, we’ve gathered some examples of sites using Javascript and jQuery in creative ways to inspire you.

Soleil

Si le Soleil

http://silesoleil.com/

For the Si le Soleil site, jQuery is used to create an interactive experience site with wacky colorful 3D animations, text animations and dancing image borders. The site design is quite unconventional, with shifting panels of information embedded within larger page layouts, and has an almost experimental feel. Yet at the same time it also has a clearly presented visual narrative of a sailing trip experience from France to the Canary Islands. Creative and informative, this site shows how jQuery and Javascript can be used to add visual interest to a design.

Far From the Tree

Far from the Tree

http://www.farfromthetree.com/

To promote Andrew Solomon’s latest book Far From the Tree, jQuery is used to tell a visual story that parallels the actual written one. An interactive photo grid is used to display chapters and also themes like hope, transcendence and identity. In this way the site is highly immersive and provides an alternate way to experience and explore the book’s content.

Bark to Work

Bark to Work

http://www.dogstudio.be/projects/bark-to-work

For something completely different, take a look at Bark to Work, a web audio experiment that uses Javascript, HTML 5, midi, spreadsheets, and samples to help you procrastinate while at work. Although built for fun, this project is pretty fine-tuned and sophisticated. The object of the game is to hit the right key at the right time to make it to the final round. Bark to Work is an excellent example of the Webaudio API in use.

carnival

Away We Go

http://awaywego.carnival.com/360vacation/

Come Sail Away on your Instant Caribbean Vacation.  Away We Go by Carnival Cruise Lines shows jQuery and Javascript in use to create an interactive 360 degree video experience. A choose your own adventure style of site with high quality crystal clear sound and video, Away We Go is a good example of how code can be used to create an immersive and enticing travel and tourism site.

phive

Phive

http://phive.pt/

For the Phive fitness site, Javascript and jQuery are used to create a dynamic, interactive site with large format fast-paced videos and beat-driven uptempo audio. A great example of a site experience that really makes you want to get moving, Phive also provides a lot of helpful information. You can explore a range of fitness activities to see what is right for you. Information is broken down into key types like Power, Flow, and Moves and also features like intensity and performance, fluidity and serenity, and movements and energy.

 

Margaret Penney is a former Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co. Read more articles by Margaret.

 

Thinking about learning how to code with JavaScript and JQuery? Sessions College offers an excellent online JavaScript course and a wide variety of website design courses and programs for the creative professional.

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy