Wow, an excellant turn out for Henry Newberry's session on CSS in Domino apps. 15 minutes before the session even starts and the room was already starting to fill up and seats were starting to run out quickly.
As you know I've been doing a lot of CSS in the new version of BlogSphere so this should be an interesting session.
Starting with an overview of CSS and defining a couple of the buzzwords that we will all hear in the rest of the session such as DIV's SPAN's and how to define a style for the standard attributes that are defined within HTML the session is off to a good start. A room full of web developers with no style...
One interesting feature that I have never really looked into properly is the @IMPORT function of CSS that will import a style sheet fragment. This might be interesting for Blogsphere as currently I'm using a notes document that does not have a correct mime type of text/css. Using a @import I should be able to just reference a single 'page' that imports a computed text pointer to my notes doc. Other applications for this could be for personalised skinning of websites based on the name of the person logged in.
The session then went on to talk about the different ways of changing the style of standard domino outputed html. The most important rule being never change the default font from 'Default Sans Serif - 10' otherwise Domino will override your CSS and give you quite a headache while your trying to sort it out.
Another great demo was styling a standard Domino view using CSS. By embedding html and CSS directlyin the view Henry showed how you can totally change a view to give a much more positive interface to the end user with mouse rollovers, highlighting entries and with a bit of extra javascript and the ReadViewEntries function, the full sorting of the columns of the view without having to go back to the server to grab the data again.
Some Interesting sites :
- www.newbsconsulting.com
- www.blooberry.com
- www.htmlhelp.com
- www.csszengarden.com