Clearleft presents

dConstruct 2009

Designing for Tomorrow

04 September 2009 · Brighton Dome UK


We’re offering a limited number of places for a few full-day exclusive masterclasses in the lead-up to the conference.

Workshops will be taking place at: Clearleft Suite 3, 28 Kensington Street, Brighton, BN1 4AJ, UK. Map.

Workshops start promptly at 10:00am. Please arrive at 9:30am for coffee and registration.

02 Sept

Internet of Things Master Class

Matt Biddulph, Nick Weldin and Daniel Soltis

02 Sept

HTML5 and CSS3 Wizardry

Richard Rutter, Jeremy Keith and Natalie Downe

03 Sept

jQuery for Designers

Remy Sharp

03 Sept

Designing Mobile Experiences

Brian Fling

group of attendeesbottle and flipchartBrighton Dome sorry we've sold out!

Internet of Things Master Class

Led by Matt Biddulph, Nick Weldin and Daniel Soltis

This one day intensive hands-on workshop will focus on getting programmers and technologists up to speed about the latest hardware technologies, allowing them to build web-enabled, responsive installations and spaces.

With the latest interest in connecting the internet to the real world and vice versa (projects like Centograph, Nabaztag, Bubblino and Touchatag),! will be talking through the Internet Of Things landscape, giving participants hard skills which they will be able to use immediately.

Participants with programming and web development skills are encouraged to attend.

What this workshop will involve:

  • Introduction talk around Internet of Things, the landscape and the technologies used.
  • Introduction to Arduino and its use with Xbee and RFID
  • Setting up the board + examples from Getting Started with Arduino
  • Talking to Xbee nodes
  • Talking to RFID
  • Introduction to Arduino and Ethernet capabilities from Dopplr CTO Matt Biddulph.
  • Introduction to Web APIs such as Twitter and Flickr, and the special considerations of hardware talking to them
  • First Web API client running on Arduino - retrieve data from the internet and send it to a laptop by serial connection
  • Introduction to web serving
  • Setting up the Arduino as a web server. Reading values from basic sensors (potentiometer, etc) and serving web pages showing this value
group of attendeescode on screenwireframe diagrams sorry we've sold out!

HTML5 and CSS3 Wizardry

Led by Richard Rutter, Natalie Downe and Jeremy Keith

HTML5 and CSS3 may be considered by some as distant concepts: far in the future and irrelevant to their daily lives. However, in this day-long workshop by Clearleft's expert client-side engineers Richard Rutter, Jeremy Keith and Natalie Downe, you will learn how these exciting new concepts can be applied today!

Unlock the potential of the browser with some revolutionary new ideas you can take away and use in the real world. Learn how to create magical things to add delight to your design. Get up to speed with the concept of Progressive Enrichment and reward more standards-compliant and forward-thinking browsers.

Learn to use CSS3 transitions and animations and then harness the power of more complex selectors to free your markup. Get to grips with how you can use elements and concepts from HTML5 to wow your friends with improved semantics and cleaner code.

CSS3 and HTML5 are already with us. This workshop will show you how to prepare your websites and coding methodology for the future, and what you can use right here, right now. Don't get left behind, sign up today!

  • Understanding Progressive Enhancement.
  • What's new in HTML5?
  • Using HTML5's new structural elements.
  • Applying the HTML5 semantic vocabulary to your class names today.
  • Making full use of CSS 2.1.
  • What's new in CSS3?
  • Achieving excellence in web typography.
  • Replacing your old markup hacks with lean, mean CSS-driven effects.
  • Putting it all together in one pretty package.
  • Dealing with legacy browsers.
workshop attendeeswireframe diagramsworkshop attendees sorry we've sold out!

jQuery for Designers

Led by Remy Sharp

If you've found you've needed to write a bit (or more!) of interactive functionality using JavaScript, and couldn't because you a) didn't know how and b) didn't have time to learn how: then this workshop is for you.

You'll be learning jQuery from a practical point of view: what you can use out of the box to quickly get effects and interaction live in to your wireframes, prototypes and web sites. The aim *isn't* to teach you JavaScript, but to teach you what you need to know to be able to leverage jQuery to do your bidding.

During the day, Remy will show you how to dConstruct existing effects in web sites and show you how create your own using jQuery.

The workshop will also cover topics such as:

  • JavaScript & debugging basics: how to fake it as a JavaScripter
  • Progressive enhancement & Graceful degradation - what's what
  • jQuery: how do bend the DOM to your will
  • Effect and animations - things that go whizz bang!
  • Ajax: it's even simpler than you think
  • Using jQuery UI for instant widgets, for zero work

The workshop audience is aimed at beginners to intermediates - and it's very hands on!

We'll start with covering the basics of JavaScript so that you have a good grounding and you can fake your way through coding. This will include anonymous functions, scope, context (what 'this' means in different places) and objects. Then we'll move on to tabbing systems, how they work, how to recognise them when they don't look like tabbing systems, and then on to the juicier stuff such as effects, Ajax and jQuery UI.

atendees and a flipchartworkshop drawingsdConstruct moocards sorry we've sold out!

Designing Mobile Experiences

Led by Brian Fling

In the last year we've learned something that we suspected, but never really knew about mobile, great mobile design sells. But great mobile design doesn't start in Photoshop, it starts by understanding the users, the business goals, the intended devices and a million other tiny variables. Who better to solve these problems than the designer?

In this workshop we will deconstruct a variety of successful mobile experiences from the old green screens to today's hottest iPhone apps. We'll identify what works in the mobile context and why. But more importantly we'll learn how we can design incredible mobile experiences for today and for tomorrow.

What we will cover in this workshop:

  • Understanding the mobile context and how to design for it
  • Creating a device plan and a mobile design strategy around it
  • How to design and create progressive mobile experiences
  • How to choose the right mobile platform and application context
  • How to get the right designs on the right devices
  • How to design and build something insanely great

Clearleft is a user experience design consultancy based in Brighton, UK.

We make websites, and in our spare time we like to give something back to the web design community by running dConstruct. It's a grass-roots conference that gathers some of the brightest minds in the industry from around the world, and brings them to our little home by the sea for a cup of tea and a slice of cake.

Previous years: 2005 | 2006 | 2007 | 2008