What is Responsive Web Design?

Responsive Web Design is about creating flexible web layouts that can adapt to suit the screen size and/or orientation of any device.

Why should you care?

Mobile web browsing will overtake desktop browsing in the near future. The range of mobile devices will continue to expand. Clients are starting to demanding that their site work across all devices. For web designers and developers, having the skills to design responsive websites is going to be essential.

How will this workshop help you?

• You will gain the knowledge and skills needed to design and develope responsive websites.
• Your sites will be able to build “future ready”, able to addapt to any new device that comes onto the market.
• Your sites will provide a better experience for mobile users, leading to increased customer satisfaction and potentially increased conversions.
• You will have a new set of skills that will make you more employable in the future

What will this workshop cover?

This workshop will give you the skills and knowledge you need to be able to build Responsive Websites using the latest techniques. Using a range of hands-on exercises, the workshop will:

• Introduce Responsive Web Design
• Introduce the "Mobile first" strategy
• Explore Responsive Web Design workflow
• Evaluate breakpoint methodologies
• Introduce Polyfills and Modernizr
• Work with SMACSS and OOCSS
• Cover media queries in depth
• Explore responsive images, tables, video and menus
• Discuss retrofitting responsive to existing sites
• Discuss server side solutions

Who should attend?

Have you heard about Responsive web design and want to learn more? Are you about to build a new responsive website and are unsure how to proceed? Are you interested in learning about the future of web design? If you answered yes to one or more of those questions then you need to attend this workshop.

Presenter: Russ Weakley

Russ has worked on the web since 1995 and has extensive real-world experience. He has authored "CSS in Ten minutes" and produced a series of widely acclaimed CSS-based tutorials. Russ is internationally recognised for his workshops on web development, standards and accessibility. Russ is chair of the Web Standards Group.

What is SASS?

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins and selector inheritance. Sass allows you to compile multiple CSS files into a single minified CSS file, making your sites load faster. Sass makes writing CSS more efficient and more powerful!

Why should you care?

Many companies now include SASS as a requirement for front-end developers. In the near future, all front-end developers will be expected to have experience in SASS. Now is the time to get up to speed!

How will this workshop help you?

• You will gain the knowledge and skills needed to write more efficient CSS.
• You will be able to increase your front-end development productivity.
• Your will be able to create cross-browser CSS without all the head-aches.
• Your will be able to quickly and effectively compile and minify your CSS.
• You will have a new set of skills that will make you more employable in the future

What will this workshop cover?

This workshop will give you the skills and tools to start writing smarter CSS by utilising the Sass CSS preprocessor. Using a range of hands-on exercises the workshop will:

• Introduce CSS preprocessors
• Compare and discuss the difference between LESS and Sass
• Describe the modern-day web designer's workflow
• Introduce the tools require to start writing Sass
• Reiterate the imporance of OOCSS and "dry" coding methodologies
• Work with Sass: variables, includes, mixins, placeholders and functions
• Simplify the responsive design workflow with Mixins and placeholders
• Explore how Sass can combine and minify multiple CSS files
• Introduction to Compass and mixin libraries
• Change your sprite generation process forever
• Learn a few amazing tips and tricks

Who should attend “Sass: Taking your CSS to the next level”?

Do you want to improve your front end workflow? Speed up your development? Write beautiful CSS? Produce highly optimised and modular code? If you answered yes to one or more of those questions then you need to attend this workshop.

Presenter: Darren Wood

Darren is a true geek who has worked on the web for 15 years in the UK and New Zealand. By day, he's a director at the Auckland web agency The Fold where he designs and hand crafts responsive websites. By night, he's often found waxing lyrical about the latest front-end technologies.