CSS Positioning and Visual Design (posted 15 December 2003)
In today’s class, we’ll talk about CSS positioning, and CSS-based design as an alternative to tables-based design. We’ll look at a variety of techniques for laying out pages using CSS, and the advantages of pure CSS-based design.
We’ll also talk about visual design principles and guidelines.
At the end of class, I’ll assign you to your project groups, and we’ll discuss the first group project assignment so that you can get a head start on the design document over the winter break.
Professor Lawley,
Would it be possible to have a place for general discussion about the topics we are currently addressing in class?
The discussion area only has a place for introductions and I'm not sure if there's another area on the site where you anticipate us sharing information.
I'm hoping it would be an area where we could share information we find interesting or techniques that are particularly useful. For example, I tried using style sheets a few years ago and stopped using them for placing items on the page because I had a terrible time trying to address the problems that surfaced when the screen resolution changed. I know this is going to be a very important transition for me and I would like to hear about how others have been able to use CSS for page layout. Do you think it would be worthwhile to have a place where we can share snippets of code or links to sites that have used CSS well?
Posted by: Vince Falbo on December 10, 2003 10:46 PM | Permalink to Commentcheck DeepX's quick references for CSS
Posted by: cher on December 15, 2003 09:17 PM | Permalink to CommentCher,
Thank you for the great resource!
I've been working with CSS positioning and I would like to spend some time creating templates that could be used. I'm hoping others might be interested in joining me. One of the sites Professor Lawley gave us, http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html, had some reasonable layouts but I think we could learn much more if we create our own and discuss what we're learning in the process.
Posted by: Vince Falbo on December 17, 2003 03:03 PM | Permalink to CommentWorking on learning more advanced CSS and noticing a trend with tabs/navigation, that seems as if web developers are back to hacking. We/they are making the code more complex to do things it was not meant to do. Many web dev/css blogs are now suggesting to add 10x10 or ?x? pixel images of rounded corners for each side of a tab and for every state. Others are back to creating tabs with images, but instead of JS rollovers, they use convoluted CSS. Well, convoluted once they try to add accessibility again. Aren't we back to the same mess we created with tables and the 1 pixel spacer gifs??
see:
Drop Downs
Trying to make the above ie compatible, by adding over 30 lines of code just for the navigation?
and other examples on my own blog...
It seems that for all the good that CSS offers, we are right back to function vs. form again. I was wondering if you could offer up some guidelines, especiallly for the coursework, as to how to know when we've gone past creating and interesting design, and into insane hacking?
A more direct question: I've learned how to put a background image for a div in the CSS instead of creating a img src tag. However, there is now an image without accessibility's alt tag. Any preference?
thanks, cher
*coding way too much*
Posted by: cher on January 6, 2004 12:00 PM | Permalink to Comment
Trackback Link: http://www.it.rit.edu/~ell/mt/mt-tb.cgi/602