Advanced CSS Workshop

HighEdWeb 2010 Pre-Conference Workshop: Advanced CSS


Download the CD or go to the CD site.

A hands-on opportunity to play with some advanced CSS concepts. Bring your laptops and an open mind. We’ll cover many of the current hot design techniques: multi-column layout, faux-column layout, advanced image replacement techniques, advanced list manipulation, rounded corner boxes, son-of-suckerfish dropdowns, cross-column pull-outs, CSS hacks, and customized CSS for alternate devices.

Daniel Frommelt
University World Wide Web Coordinator, University of Wisconsin – Platteville

Daniel Frommelt has been the Web Coordinator for the University of Wisconsin – Platteville since 1997. Daniel has a staff of ten students who assist him in maintaining the core university Web pages, and with training faculty, staff and students on Web page maintenance and development. Daniel’s background is in publishing, teaching, management, and computer technologies. Daniel is on the board of directors for the Higher Education Web Professionals Association, an executive committee member of the Campus Web Council of Wisconsin, a graduate of the State of Wisconsin’s Club Tech 2000 program, holds a master of science management in information technology from Colorado Technical University and a BA from Loras College. Daniel is very active in pursuing Web standards and advancing Web technologies. He has written multiple articles on Web standards and design techniques for A List Apart online magazine.

via Session Details – HighEdWeb 2010: The National Conference for Higher Education Web Professionals.


My notes

CSS Discuss Wiki


centricle : css filters
dithered css filters (mirror)
csshack : CSS Discuss wiki

Issues with PDAs
most older pds answer to media=”screen”

Screen readers
Opera has “enable voice-controlled browsing”

Specificity weight
element selector – 1
class – 10
id – 100
!important – 1000

Specificity details
style tag
link tag

child selector : html> body
adjacent sibling : html + body

some things can, some cannot

margin: 10px 5px 1px; // left is the same as last so 1px

960 grid 960gs
or 976