Call Clearleft now on +44 (0)845 838 6163
or contact us

CSS Mastery workshop

Photograph of Andy Budd

Andy Budd teaches all the tricks in his book and some that were too hot for publication (or too long).

By the end of this course you’ll have a full understanding of the CSS positioning model and how to create complicated layouts. You’ll know how to create the most sought-after techniques such as flexible, rounded corner boxes, PNG transparency and advanced list manipulation. More importantly, you’ll learn how to work around browser inconsistencies to create truly flexible pages.

Andy really enjoys teaching this workshop not least because at the end, in the pub, everyone says how great it was and asks him to run it again.

This course is a perfect for intermediate developers who understand the basics of CSS and have been using it for several months.

What will I learn?

Setting the Foundations

  • Meaningful markup
  • Structuring a document
  • Microformats
  • Validation
  • How a CSS rule is structured
  • Doctypes and Quirks Mode

Selectors

  • Basic CSS selectors
  • Pseudo-classes
  • Child and adjacent sibling selector
  • Attribute selectors
  • CSS3 selectors
  • The Cascade and specificity
  • Inheritance

Planning, organising and maintaining your CSS

  • Adding styles to your page
  • Managing your styles
  • Commenting your CSS
  • CSS tools

The CSS Box Model

  • The box model
  • Width and height
  • IE’s proprietary box model and the box model hack
  • Margin collapsing

The CSS Visual Formatting Model

  • Basic definitions
  • Block vs Inline
  • The display property
  • Relative positioning
  • Absolute positioning
  • Floating and clearing

Image techniques

  • Background positioning
  • Rounded corners
  • Multiple backgrounds, border radius and border image
  • CSS rollovers
  • PNG Opacity
  • CSS Opacity

Form layout

  • Simple form layout
  • Advanced form layout
  • Error feedback
  • Accessibility and form embelishments

CSS Layout

  • 2-column layout
  • 3-column layout
  • Fixed, liquid and elastic
  • CSS3 Multi-column layout

Bugs, hacks and filters

  • Budd's 6 laws of bug fixing
  • Hacks and filters
  • Conditional comments
  • Commmon bugs and fixes

Fancy a private workshop for your whole team?

Private courses can be modified to perfectly suit your needs. They are great value at only £1,600 +VAT for up to 8 attendees. Sessions can either be run at your offices, or with our facilities in Brighton.

Call Richard on 0845 838 6163 to discuss.

CSS Mastery: Advanced Web Standards Solutions

CSS Mastery Advanced Web Standards Solutions

by Andy Budd

Your indispensable guide to cutting-edge CSS development — all you need to work your way up to CSS professional.

Buy from: Amazon.com / .co.uk

Email us through this magic form.

If you prefer a more tangible form of communication, we’re here:

Clearleft Ltd.
Suite 3
28 Kensington Street
Brighton BN1 4AJ
UK