Check this out:
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/
Make 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: css, css beauty, design, gallery, inspiration, models
WJB
posted on
Sunday, April 12, 2009
(permalink)
0 Comments

top of page
Wednesday, April 08, 2009
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:
- Data Shell Sample
- Multiple Filters Sample
- CSV Dataset Sample
- Collapsible Panel Group Sample
- Tabbed Panels Widget Sample
- Tabbed Panels, QuickMenu, and Web 2.0 Layout: Prototype I
- 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

top of page
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

top of page
Check this out: 
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: css, CSS Tab Designer, xhtml
WJB
posted on
Monday, March 02, 2009
(permalink)
0 Comments

top of page
Check this out:
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/
Make 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: css, css beauty, design, gallery, inspiration, models
WJB
posted on
Saturday, April 19, 2008
(permalink)
0 Comments

top of page
Sunday, February 24, 2008
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.

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: css, CSS Tab Designer, information architecture, internal navigation, navigation systems, primary navigation, prototype, secondary navigation, template, top-tier navigation, web design
WJB
posted on
Sunday, February 24, 2008
(permalink)
0 Comments

top of page
Thursday, February 21, 2008
Check this out: 
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: css, CSS Tab Designer, xhtml
WJB
posted on
Thursday, February 21, 2008
(permalink)
0 Comments

top of page
Wednesday, January 30, 2008
Check this out: 
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: cascading style sheets, child, css, css box model, form elements, hierarchy, Lee Underwood, parent-child relationship, parent-child-sibling, relationship, sibling, sibling relationship, xhtml
WJB
posted on
Wednesday, January 30, 2008
(permalink)
0 Comments

top of page
Wednesday, April 25, 2007
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

top of page
Thursday, February 01, 2007
Check this out: 
"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: css, CSS Tab Designer, xhtml
WJB
posted on
Thursday, February 01, 2007
(permalink)
0 Comments

top of page