IDCC 380: Web Design II Spring 2010

Adobe Spry Framework for Ajax 04/08/09

Check this out:

According to the developers at Adobe, "The Spry framework for Ajax is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages.
The Spry framework is a way to incorporate XML, JSON or HTML data into pages using HTML, CSS, and a minimal amount of JavaScript, without the need for refreshing the entire page. Spry also provides easy to build and style widgets, providing advanced page elements for end users. The Spry framework is HTML-centric, and easy to implement for users with basic knowledge of HTML, CSS and JavaScript."

Check out these Spry Examples:

1. Data Shell Sample
2. Multiple Filters Sample
3. CSV Dataset Sample
4. Collapsible Panel Group Sample
5. Tabbed Panels Widget Sample
6. Tabbed Panels, QuickMenu, and Web 2.0 Layout: Prototype I
7. Tabbed Panels, QuickMenu, and Web 2.0 Layout: Prototype II

In class, we will explore in depth the xhtml, css, and JavaScript necessary to create a sophisticated Spry tabbed panel widget. Your final exercise (!) will combine Spry, QuickMenu, and Web 2.0 layout and design techniques (see Prototype I and Prototype II ).

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: adobe, collapsible panel group, css, csv dataset, data shell, JavaScript, multiple filters, Spry

WJB posted on Wednesday, April 08, 2009 (permalink) 0 Comments Links to this post

  top of page

---

OpenCube's QuickMenu and Dreamweaver 03/27/09

Check this out:

In class on Friday, March 27, you will acquaint yourselves with QuickMenu by OpenCube. As noted on the OpenCube site: "QuickMenu is a new and unique solution for generating fast and feature rich drop down menus. An extensive in-page visual interface produces lightning fast pure CSS list based menus capable of functioning in browsers with their JavaScript disabled."


You will be combining CSS, JavaScript, and XHTML to create some very interesting and highly sophisticated drop-down/fly-out menus. I think you will find this whole menu-creating experience to be both challenging and and enjoying.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: css, JavaScript, OpenCube, Quick Menu, xhtml

WJB posted on Friday, March 27, 2009 (permalink) 0 Comments Links to this post

  top of page

---

Information Architecture and the WWW, 01/20/09

Check this out:

Today's introductory presentation on Information Architecture and the World Wide Web is now available for you to view on your own computer. Just click on the icon to your right, and you will be taken to the tutorial.

Here are some of the key terms we covered, terms that will keep cropping up in the course:

• primary, secondary, and tertiary navigation
• Top-tier and second-tier navigation
• drop-down/fly-out menu
• Banner, footer, contents area of a page template
• findability
• browse
• search
• content, context, user
• xhtml, css, dhtml, JavaScript, Ajax (Asynchronous JavaScript and XML), Spry components, and programmable widgets
• RSS feeds and subscriptions

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: ajax, browse, drop-down/fly-out menu, findability, JavaScript, primary navigation, search, second-tier navigation, secondary navigation, tertiary navigation, top-tier navigation, Web 2.0

WJB posted on Tuesday, January 20, 2009 (permalink) 0 Comments Links to this post

  top of page

---

Open Cube's Visual Infinite Menus, 04/26/07

Check this out:

I think you will be very impressed with Visual Infinite Menus from Open Cube. In class, we will examine a number of menu possibilities; you will then be able to create working menus of your choice. This is a powerful tool, to say the least, so we will only begin to scratch the surface, but you will be up and running by the end of the hour.

We will first download, install, and unlock the software. The good folks at Open Cube, as I mentioned on Tuesday, have licensed our class, so the software is fully functional on the Bentley server. You should bring your laptop and download directly to it; that way, you will have your very own copy of Visual Infinite Menus on your own machine.

If you are having trouble downloading the software, try this link to the Visual Infinite Menus zip file.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: css, JavaScript, Open Cube, Visual Infinite Menus

WJB posted on Wednesday, April 25, 2007 (permalink) 0 Comments Links to this post

  top of page

---