One Day Workshop
Transcending CSS: Styling For A Beautiful Web
Learn to style the striking, the radical and the beautiful with CSS
As a web designer or developer professional, do you feel that you have reached your full potential for what is possible using currently practical CSS?
Do you wish that there were ways to achieve the striking, the radical and the beautiful with CSS? This one-day course, presented by Andy Clarke, one of the world’s foremost experts in CSS and author of Transcending CSS: The Fine Art Of Web Design will challenge you to think differently about creating inspired design for the web using meaningful markup and CSS. The session is packed full of visual inspiration, backed up by practical techniques for creating amazing work for the web.
By the end of the day you will be able to: See markup in a new light, from the content out; Create ‘advanced’ CSS selectors and know how best to use them; Know how to push what is possible with today’s CSS floats and positioning; Create exciting layouts and interfaces from the most minimal of markup; Tackle browsers issues within a progressive web design workflow; Move forward with progressive techniques in actual client work
If you are a visual designer looking to advance your CSS skills with new techniques and technologies, or a technically minded developer who wants to understand more about working visually, this workshop will take your knowledge of CSS to the limits of what is currently possible and beyond. This workshop is not designed for beginners or newcomers to CSS. To get the most of this workshop you will be an intermediate to advanced user of CSS and be familiar with meaningful, accessible mark-up.
If you have any questions or prefer to pay by credit card over the phone, just email
What You'll Walk Away With
- The Survival Kit
- - Each attendee will receive our exclusie Survival Kit. It's companion CD chock-full of practical examples, links and snippets of code that Andy uses everyday.
- Best Practice Advice
- - There will also be a section covering best practice plus a full set of presentation slides from the day.
- Practical Knowledge
- - We're not going to bore you with theory. At our workshops we aim to give you practical training that focuses on what you need to started right away.
Who should attend?
- Visual designers who are looking to advance their CSS skills
- Developers who need to understand more about working with designers or working visually
Past Reviews
Refreshing and eye-opening stuff- Agnes Borszeki, BBC
I couldn't wait to get home to fix all my CSS problems - Andy Smith, MTV
Invaluabel and friendly advice - Richard Moule, Blackwell Publishing
A great day, no matter what your experience level- Mark Boulton, MarkBoulton.com
It really helped me unravel the mysteries of CSS - Andrew Markou, Dynamis
Molly and Andy explained CSS in a way that even a designer like me could understand - Matt French, 3Sixty
Top-class CSS teaching in digestable chunks - Simon Jones, Studio 24
An informative and imaginative introduction to CSS- Sarah Lund, Jadu
Cheap at double the price. Fantastic!- Ian Fenn, Chopstix Media
How large is the workshop?
We've limited the number of attendees to 50, so that you will be able to interact with the speaker and get your questions answered.
Schedule
- Registration & Coffee: 8:15 - 9:00am
- Progressive Enhancement
-
- A look at ground-breaking sites that have helped develop CSS design
- Explaining progressive enhancement
- Learning the progressive enhancement approach across technologies
- Exploring the development of progressive enhancement on the CSS Zen Garden
- What is transcendent CSS?
- Explaining the five principles of transcendentCSS
- Learning what makes transcendent CSS possible now?
- Explaining Yahoo’s Graded Browser Support
- Learning how to explain the approach to clients, managers and others
- Coffee Break: 10:30 - 10:45
- Content-Out Mark-Up
-
- Learning why content-out mark-up is important to design flexibility and accessibility
- Explaining practical ways to break with old-fashioned ways of thinking
- Describing ways to practice content-out mark-up while away from a computer
- Working with content-out mark-up on a series of practical examples
- Adding precise meaning to mark-up using Microformats
- CSS2.1 and CSS3 selectors
-
- Introducing CSS2.1 and CSS3 selectors
- How best to utilise modern selectors in your everyday work
- Attribute selectors
- Attribute sub-string selectors
- Adjacent selectors
- Child selectors
- Pseudo-classes and pseudo-elements
- Lunch is provided: 12:30 - 14:00
- CSS Fundamentals
-
- Creating column layouts and interface elements using floats
- Using relative positioning for creating out-of-the-box interface designs
- Working with absolute positioning
- Layering with z-index and alpha-transparent PNG images for depth and dimension
- Combining floats and positioning
- Coffee Break: 15:30 - 15:45
- Working with Type
-
- Describing how typefaces tell stories and set the tone in a design
- Composing to a vertical typographic rhythm
- Working with baseline grids
- Creating vertical rhythm with CSS font sizing and line-height
- Introducing the concept of incremental leading
- Creating typographic design with optical grey
- Combining serif and sans serif fonts
- Modules
-
- Introducing CSS3 modules
- Reminding us of the CSS3 selectors module
- Backgrounds and borders module
- Multi-column layout module
- Grid positioning module
- Advanced Layout module
- Media Queries module
- Q & A: 17:00 - 17:30
- Social: 18:00 - till late
Who's speaking?
Andy Clarke
Andy Clarke is a visual web designer based in the UK. He started his one-man design firm Stuff and Nonsense in 1998. His clients include national and international businesses, charities, and government bodies.
Andy is an invited expert to the W3C’s CSS Working Group and regularly speaks at workshops and conference events worldwide, educating web designers on how to create beautiful, accessible websites. He is the author of Transcending CSS: The Fine Art of Web Design (New Riders Press).
NB: 'For A Beautiful Web' is a trademark of Stuff and Nonsense Ltd.
Partners
