Non-Flash Website Animation with CSS / HTML / JavaScript

Flash does not index well with leading search engines and it does not work on Apple hand-held devices. Because of this and the fact that the jQuery library has made website animation much more effective, websites are implementing animation without the use of Flash. Dynamic drop-down menus, rotating banners, slideshows, tabbed navigation with transition effects, and much more are now possible without Flash.

Chicago Art Source Web Database Application in Chicago

The Kineo Group Website Animation

This website was designed in-house by the Kineo Group. Swartwerk Media Design was employed to code, create, and produce the entire website, as well as implement its animations.

→ View The Kineo Group Website Animation

  • Hand-coded HTML / CSS / JavaScript / PHP
  • CSS layout
  • Backward and forward compatibility
  • Web standards compliant
  • Animated slides
  • Deck navigation displays clients' names and links to other clients
  • Bio picker displays biographies
CuisineTechnology Website Animation in Chicago

CuisineTechnology Website Animation

Swartwerk Media Design worked with PolyScience and the company's design firm to create animation throughout the CuisineTechnology website that provided enhanced usability and was appropriate for its visitors.

  • Hand-coded CSS / HTML / JavaScript animation with the use of the jQuery library
  • Dynamic drop-down menus
  • Rotating banner with SEO-based text
  • Enlarging product graphics on home page with hover
  • Media switcher that accommodates video, graphics, and text
  • Tab-based content with transition effects

→ View CuisineTechnology Website Animation

PolyScience Website Animation in Chicago

PolyScience Website Animation

Swartwerk Media Design worked with PolyScience and its design firm to create animation throughout the PolyScience website that provided enhanced usability and was appropriate for its visitors.

  • Hand-coded CSS / HTML / JavaScript animation with the use of the jQuery library
  • Multilingual-based animation
  • Dynamic drop-down menus
  • Rotating banner with SEO-based text
  • Tab-based categories
  • Subcategories nested within category tabs
  • Media switcher that accommodates video, graphics, and text
  • Tab content populated with the use of AJAX
  • Product selection guides housed within expandable drawers

→ View PolyScience Website Animation