HighEdWeb 2010 Pre-Conference Workshop: Advanced CSS
WRK1
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
Zvon.org
CSS Discuss Wiki
CWCW
Hacks
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
in-line
style tag
link tag
@import
Hacks
child selector : html> body
adjacent sibling : html + body
Inheritance
some things can, some cannot
margin: 10px 5px 1px; // left is the same as last so 1px
960 grid 960gs
or 976