IDCC 380 Announcements

Sunday, April 12, 2009

Site Design Inspiration, 04/13/09

Check this out:

Visit cssBeauty.In preparation for the final assignment, you should be scouting the Web for sites whose design you admire. You will want to pay special attention to the color palette, layout, and design of the banner and navigation areas of the sites. Take your time to explore the sites in the gallery section of cssBeauty and the other sites listed here:

http://www.456bereastreet.com/
http://www.designshack.co.uk/gallery/all/
http://meyerweb.com/
http://www.simplebits.com/
http://www.pearsonified.com/
http://www.cssbeauty.com/
http://www.cssimpress.com/
http://www.bartelme.at/
http://www.themaninblue.com/
http://www.andybudd.com/
http://warpspire.com/
http://www.cssdrive.com/
http://www.briangardner.com/
http://www.netzfruehling.de/
http://bittbox.com/
http://fadtastic.net/
http://www.davidairey.com/
http://www.alvit.de/css-showcase/
http://www.designlinkdatabase.net/
http://csscollection.com/
http://www.cssbased.com/
http://cssvault.com/gallery/
http://www.csselite.com/category/showcase/
http://www.screenalicious.com/
http://www.unmatchedstyle.com/gallery/
http://screenfluent.com/
http://www.cssheaven.com/
http://www.cssreboot.com/
http://www.csstux.com/
http://www.css-website.com/
http://www.my3w.org/
http://www.ceeses.com/

Check out CSSdriveMake some mental notes (or better yet, jot down some ideas) that you can incorporate into your own sites as we move into the final phases of design for your IDCC 380 site and your prototype dream site. This is your opportunity to spread your wings and design sites that will make all of us very proud.

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: , , , , ,


Wednesday, April 08, 2009

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. Adobe Spry.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: , , , , , , ,


Friday, March 27, 2009

OpenCube's QuickMenu and Dreamweaver 03/27/09

Check this out:

In class on Friday, March 27, you will acquaint yourselves with Visit QuickMenu by OpenCubeQuickMenu 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: , , , ,


Monday, March 02, 2009

CSS Tab Designer, 03/03/09

Check this out: CSS Tab Designer

Here is some information about CSS Tab Designer, and a link to the download page (click on graphic). Have a blast.

Spend some time before next class familiarizing yourself with this little utility. We'll hit the ground running with it on Tuesday, February 26.

"Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
Quickly design your list visually
  • Choose from a variety of styles/colors (60+ different designs/colors supported).
  • Generate strict xhtml compliant code"
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: , ,


Saturday, April 19, 2008

Site Design Inspiration, 04/19/08

Check this out:

Visit cssBeauty.In preparation for the final assignment, you should be scouting the Web for sites whose design you admire. You will want to pay special attention to the color palette, layout, and design of the banner and navigation areas of the sites. Take your time to explore the sites in the gallery section of cssBeauty and the other sites listed here:

http://www.456bereastreet.com/
http://www.designshack.co.uk/gallery/all/
http://meyerweb.com/
http://www.simplebits.com/
http://www.pearsonified.com/
http://www.cssbeauty.com/
http://www.cssimpress.com/
http://www.bartelme.at/
http://www.themaninblue.com/
http://www.andybudd.com/
http://warpspire.com/
http://www.cssdrive.com/
http://www.briangardner.com/
http://www.netzfruehling.de/
http://bittbox.com/
http://fadtastic.net/
http://www.davidairey.com/
http://www.alvit.de/css-showcase/
http://www.designlinkdatabase.net/
http://csscollection.com/
http://www.cssbased.com/
http://cssvault.com/gallery/
http://www.csselite.com/category/showcase/
http://www.screenalicious.com/
http://www.unmatchedstyle.com/gallery/
http://screenfluent.com/
http://www.cssheaven.com/
http://www.cssreboot.com/
http://www.csstux.com/
http://www.css-website.com/
http://www.my3w.org/
http://www.ceeses.com/

Check out CSSdriveMake some mental notes (or better yet, jot down some ideas) that you can incorporate into your own sites as we move into the final phases of design for your IDCC 380 site and your prototype dream site. This is your opportunity to spread your wings and design sites that will make all of us very proud.

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: , , , , ,


Sunday, February 24, 2008

Exercise 7 - Usability Associates Services, 02/24/08

Check this out:

Tuesday, February 26, we will begin Exercise 7, using one set of the tabs you generated with CSS Tab Designer, Thursday, February 21. Usability Associates. Click for larger view.This tab set will become the top-tier primary navigation in the header of the services page of our prototype site, Usability Associates.

Exercise 7 will allow you to place the tabs in a fully functional template, complete with wrapper, header, left-column secondary navigation, right column content, and footer. The screenshot at right (click for larger view) illustrates the prototype I built from a tab set placed into one of the earlier layout exercises.

This exercise introduces you to a number of new Web design challenges, chief of which is putting together layout (with appropriate color palette), primary navigation (generated), secondary navigation (hand carved), exported and commented CSS, exported JavaScript, W3C validation, and high level prototype functionality. All in all, this exercise is an excellent design, information architecture, and site management experience.

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: , , , , , , , , , ,


Thursday, February 21, 2008

CSS Tab Designer, 02/21/08

Check this out: CSS Tab Designer

Here is some information about CSS Tab Designer, and a link to the download page (click on graphic). Have a blast.

Spend some time before next class familiarizing yourself with this little utility. We'll hit the ground running with it on Tuesday, February 26.

"Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
Quickly design your list visually
  • Choose from a variety of styles/colors (60+ different designs/colors supported).
  • Generate strict xhtml compliant code"
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: , ,


Wednesday, January 30, 2008

The XHTML Hierarchy: Thinking Inside the Box, 01/30/08

Check this out! Check this out: HTML Container.

Lee Underwood's article on the HTML Hierarchy will help you to understand the container model and XHTML hierarchy, both essential to working effectively with Cascading Style Sheets (CSS).

Underwood notes in part two of his article: "As we look at the structure of the page we will see that each element is related to another element. This is called a parent-child-sibling relationship [tree structure]. An element that is directly above another element in the hierarchy is called the parent of the element below it. The element below the parent is called the child. When two elements are equal in the hierarchy, they are known as siblings."

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: , , , , , , , , , , , ,


Wednesday, April 25, 2007

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: , , ,


Thursday, February 01, 2007

CSS Tab Designer, 02/01/07

Check this out: CSS Tab Designer

"Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
With the CSS Tab Designer, you can :
  • Quickly design your list visually
  • Choose from a variety of styles/colors (60+ different designs/colors supported).
  • Generate strict xhtml compliant code"
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: , ,


information design directory:
information design home |contact|author bio|courses|tutorials|publications|site map

As of Friday, August 21, 2009 10:10 AM
information design copyright © 1998 by William J. Buchholz
This document conforms to W3C CSS specifications.