Proving Grounds: No chasers.
Things to test
There are a lot of dynamic elements on this page you might want to consider testing: the expansion and collapse of various boxes, the weird shifty mootools thing, the dynamically loaded content.
Need help?
Because this page is full of javascripty goodness, you're not going to be able to test much of it with twill. Check out part two of this tutorial for more info about using selenium.
What's going on here?
You're looking at the standard template for the Fluid 960 Grid System, created by Stephen Bau, based on the 960 Grid System by Nathan Smith. It's been very slightly modified for this tutorial, but only a little. All of the functionality is intact.
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
01
02
03
04
05
06
07
08
01
02
03
04
05
01
02
03
04
01
02
03
01
02
03
01
02
03
01
02
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
Paragraphs
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Ajax Content
Accordian
Design Process
The Value of Design
Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better.
Design Influences
About this Site
The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.
Inspiration
Inspired by the Past
I have been inspired by the work of many who have pioneered advances in Web Standards, including Jesse Bennett-Chamberlain, Douglas Bowman, Allen Chang, Andy Clarke, Jon Hicks, Shaun Inman, Cameron Moll, Veerle Pieters, Jason Santa Maria, Dave Shea, Ryan Sims, Nathan Smith, and Jeffrey Zeldman, to name a few. Thank you for inspiring me to give something back.
Contribution
Shaping the Future
The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.
Blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
John Smith
Tables
| Lorem ipsum | Dolor sit | $125.00 |
|---|---|---|
| Dolor sit | Nostrud exerci | $75.00 |
| Nostrud exerci | Lorem ipsum | $200.00 |
| Lorem ipsum | Dolor sit | $64.00 |
| Dolor sit | Nostrud exerci | $36.00 |
| Table heading | ||
|---|---|---|
| Column 1 | Column 2 | Column 3 |
| Lorem ipsum | Dolor sit | $125.00 |
| Dolor sit | Nostrud exerci | $75.00 |
| Nostrud exerci | Lorem ipsum | $200.00 |
| Lorem ipsum | Dolor sit | $64.00 |
| Dolor sit | Nostrud exerci | $36.00 |
| Subtotal | $500.00 | |
| Total | $500.00 | |
Articles
Article Heading
Subheading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.
Article Heading
Subheading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.
Heading 1
Heading 2
Heading 3
Heading 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.
Heading 5
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Heading 6
Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.
Fluid 960 Grid System, created by Stephen Bau, based on the 960 Grid System by Nathan Smith. Released under the GPL/ MIT Licenses.