Advanced styling with CSS For A Beautiful Web
As a web designer or developer professional, do you feel that you have reached your full potential for what is possible using CSS? Do you wish that there were more ways to achieve the striking, the radical and the beautiful?
Lunch with a star guest speaker
On this master class you will be joined for lunch by a star guest speaker, a well-known industry leader who will entertain you with their wit and repartee and will fill you with inspiration with their unique insights while you fill up with food.
This one-day course, presented by Andy Clarke, one of the most well-known designers working with CSS, will challenge you to think differently about how you create inspired design for the web using meaningful mark-up and CSS.
The session is packed full of visual inspiration, backed up by practical techniques for creating amazing work for the web.
This master-class covers
- Seeing mark-up in a new light, from the content out
- Discovering modern selectors and know how best to use them
- Knowing how to push what is possible with today's CSS floats and positioning
- Creating exciting layouts and interfaces from the most minimal of mark-up
- Tackling browsers issues within a progressive web design workflow
- Moving forward with progressive techniques
Reviews from past CSS workshops
I really enjoyed my day at the Transcending CSS Workshop. Andy is an entertaining speaker and delivered the content - pitched perfectly for mid-level to experienced developers and interface designers, in a way that even the most seasoned of us left feeling that we'd learnt something new.
Andy is an engaging speaker with a deep knowledge of how we can use CSS and Web Standards to create visually stunning websites today and a beautiful web tomorrow. I left his talks feeling empowered to make the web a better place.
Registration and coffee: 8:15am - 9:00am
Introduction:
- A look at sites that have helped develop CSS
- Explaining progressive enhancement
- What is transcendent CSS?
- Explaining the five principles of transcendent CSS
- What makes transcendent CSS possible now
- Explaining Yahoo's Graded Browser Support
Coffee Break: 10:30am - 10:45am
Content-out mark-up:
- Learning why content-out mark-up is important
- Break with old-fashioned ways of thinking
- Content-out mark-up in practical examples
- Adding precise meaning to using Microformats
Modern CSS selectors:
- Introducing CSS2.1 and CSS3 selectors
- Uilizing modern selectors in your everyday work
- Attribute selectors
- Attribute sub-string selectors
- Adjacent selectors
- Child selectors
- Pseudo-classes and pseudo-elements
Creating inspired design with CSS:
- Column layouts and interfaces using floats
- Using relative positioning
- Working with absolute positioning
- Layering with z-index for depth and dimension
- Combining floats and positioning
Coffee Break: 15:30pm - 15:45pm
Simple steps to better web typography:
- Describing how typefaces tell stories and set tone
- Composing to a vertical typographic rhythm
- Introducing the concept of incremental leading
- Combining serif and sans serif fonts
Introducing CSS3:
- Introducing CSS3 modules
- Reminding us of the CSS3 selectors module
- Backgrounds and borders module
- Multi-column layout module
- Grid positioning module
- Media Queries module
Q&A: 17:00pm - 17:30pm
Social: 18:00pm - till late
A further opportunity for you to network with your fellow attendees.
We will be limiting the maximum number of people attending to 40, so that you will be able to get involved and have all your questions answered.
Who is this class for?
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 master-class will take your knowledge of CSS to the limits of what is currently possible and beyond.
This master-class 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.