Flowing and Positioning: Two Page Models is reprinted at Position is Everything. Very good explanation of normal flow, CSS positioning, block vs. inline, static vs. relative and other goodies about positioning. Concise and clear.
Category: CSS
Listamatic maker offers float tutorials
Floatutorial: Step by step CSS float tutorial Very nicely done series of tutorials in using CSS floats from Max Design, the folks that brought us Listamatic not long ago.
Listamatic inspires List-o-matic
List-o-matic – generate CSS-styled navigation based on list items is a free online tool that will generate either a vertical or horizontal CSS styled list. From Accessify, but inspired by Listamatic, which we mentioned on Sept. 9.
Now, that’s synergy!
A compilation of options for lists
Listamatic collects many of the current techniques used with lists to create vertical and horizonal navigation, rollover effects and other CSS magic. The site also gives browser support for the list samples.
What are design students learning about web standards? Part II
Tom Green, co-author of Building Web Sites with Macromedia Studio MX from New Riders Press, had some thoughtful comments on this topic, which I’m quoting with his permission.
“The question I have always grappled with is: Am I training designers or bit heads? Around [my] college this has resulted in an awareness of the two sides of the web fence that I call the ‘geeks and the freaks’.”
Tom said, “Educators that actually hang out in the industry have seen the job become very complex, very fast. As I have been hammering in the book, Building Web Sites with Macromedia Studio MX, the business, almost overnight it seems, moved from the one person shop to multi-discipline teams. This means there is room for designers and there is room for the coders. The astute educator will recognize neither side can even hope to master the other’s knowledge base. In order to accommodate this I, for example, make it very clear to my students we aren’t going to turn them into code jockeys. What we are going to do, though, is make them aware of how the code works in order to help them actually work and communicate, knowledgeably, with a code jockey. . . In fact we are starting to pair up the coders and the geeks at my college.”
What are design students learning about web standards? Part II
This question was raised in a group discussion today by Judi Sohn of Mom at Home Design. She said, “I happened to visit my alma mater’s (a college of art and design) website this morning. They just redesigned the site. The site looks attractive but the code! Standards schmandards. It’s nested table on nested table. I counted 3 table tags before the first line of content.”
“I know there are a lot of good reasons to stick with a table-based layout,” Judi continued, “but if you’re selling a service shouldn’t you
advertise it? Art schools are marketing themselves as the future of professional design, shouldn’t they show that they can do what they should be teaching? Layout aside, the CSS was worse. I took a look and saw things like:
body { background-color: #D5CBC0}
body { }
body { }
body { }
I ran it through the validator and I could have sworn the thing laughed at me.”
Judi’s comments really struck a nerve with me, because I too have felt that we are not necessarily teaching the right things in our colleges.
I think part of the blame is that many of the available text books continue to offer up table-based layouts and font tags as if there were no alternatives. I think part of the blame is that instructors have not learned as much as they need to know about CSS. And, at the school where I teach, I know that standards get overlooked because instruction is concentrated on creating art works in PhotoShop or Fireworks and importing it into Dreamweaver without teaching students to care what the code looks like.
I think we can do both: create attractive site design and use standards. I’d like to hear from teachers who think they have found a way to do both in their curriculum.
Gorgeous CSS site
Want more than CSS Zen Garden to show your students as CSS and well designed? Try Couloir.org / 2003 / Climbing in Vedauwoo.