Responsive and Sass

Two full-day workshops on “Responsive Web Design” and “SASS” (Syntactically Awesome Stylesheets). Gain valuable real-world skills and become more efficient and productive.


Workshop 1: Building Responsive Websites

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.

Russ Weakley

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.

Russ showed great enthusiasm and knowledge. He imparts this knowledge in a vibrant and upbeat way. Exercises were very informative and welcomed.

Neris, 2012

Workshop 2: Sass: Taking your CSS to the next level

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.

Darren Wood

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.

Provides a great opportunity to tap into a years worth of browser and standards development, and update my work methods for the year ahead.

Gavin, 2011

Purchase tickets

Workshop Dates Cost Tickets
Brisbane
Sass: Taking your CSS to the next level $750 Closed
Building Responsive websites $750 Closed
Sydney
Sass: Taking your CSS to the next level $750 Closed
Building Responsive websites $750 Closed
Melbourne
Sass: Taking your CSS to the next level $750 Closed
Building Responsive websites $750 Closed
Canberra
Building Responsive websites $750 Closed
Sass: Taking your CSS to the next level $750 Closed
Both workshop days $1300 Closed

Morning tea, lunch and afternoon tea

Ticket prices include morning tea, afternoon tea and lunch.

Group bookings and discounts

A 5% discount is available to companies/organisations/agencies that purchase FIVE or more single-day or two-day tickets. Contact us for more information.

Russ is an extremely experienced workshop presenter. I loved the entire workshop as it was very hands-on. Russ also shared some tips and tricks of the trade.

Adelaine, 2012

Workshop venues

Canberra

Rex Hotel
Address: 150 Northbourne Avenue Canberra ACT 2601
Phone: 02 6248 5311
Map of Rex Hotel

Brisbane

Mantra on Queen
Address: 570 Queen Street Brisbane QLD 4000
Phone: 07 3234 8888
Map of Mantra on Queen

Sydney

Karstens Conference Rooms
Address: 111 Harrington Street Sydney 2000
Phone: 1300 008
Map of Karstens Conference Rooms

Melbourne

Punthill South Yarra Grand
Address: 7 Yarra Street, South Yarra VIC 3141
Phone: (03) 9916 8888
Map of Punthill South Yarra Grand

The course was very informative and presented in a way that made it easy to remember the content.

Toby, 2011

Additional information

What do I need to bring to the workshop?

  • Bring a Mac, PC, or Linux laptop with a USB port to download coding exercises.
  • Please have one of the latest versions of one of the following browsers installed on your computer in advance: Firefox, Safari, Opera, Chrome or Internet Explorer
  • If you have a preferred code editor, make sure you have it installed; otherwise, you'll be stuck with Notepad or something equally bare-bones.
  • Internet access is not required for the course and is not provided on the day
  • Your laptop which has a text editor, a graphics program capable of producing PNG images, and the Compass.app installed. There will be a lot of live coding so prapare to get your hands dirty.

Start and finish times

8:30 am
attendees should arrive to check-in and set-up
9:00 am
start session 1
10:30 am
break
11:00 am
start session 2
12:30 pm
lunch
1:30 pm
start session 3
3:00 pm
break
3:30 pm
start session 4
5:00 pm
finish

Completion certificates

Workshop attendees can receive PDF completion certificates. Attendees who require certificates should notify the instructor on the day.

Contact us

Do you have any questions? Contact Russ Weakley for further information:

Phone: +612 9410 2521
Mobile: 0403 433 980
Email: russ@maxdesign.com.au

Workshop Terms and Conditions
Copyright © Max Design 2013

Really enjoyed the workshop, learnt a few things I have not understood for years!

Rachael, 2012

Who we've worked with

Who we have worked with