Case Study: Implementing JQuery, JQuery Tabs and Highcharts.js

Over the years, I have implemented basic JQuery functionality for a number of departmental pages at Widener Law. In each case, I chose a different JQuery solution depending on the desired outcome.

Admissions: Fade Hover Effect

The Client and the Problem: Widener Law Admissions wanted a way to graphically, and with  minimal use of text, connect with prospective students. The office wished to highlight four main social ways of connecting.

The Solution: I implemented the Jquery fade hover effect and a custom graphic.

Screen Shot 2013-06-05 at 9.04.26 PM

Career Development: JQuery Tabs and Highcharts.js

The Client & The Problem: Widener Law Career Development Office needed to display large amounts of information on a single page.

The Solution: I implemented JQuery Tabs to allow toggling between content divs as opposed to navigating to different pages. To achieve this effect, I used Highcharts.js under the “combined stats” tab┬áto display employment information for the year 2012-2013.

Screen Shot 2013-06-05 at 9.10.35 PM

Screen Shot 2013-06-06 at 4.49.35 PM