Everything You Ever Wanted to Know About Responsive Design … And Less
Everything You Wanted to Know About Responsive Design…And Less! is a full-day master class that takes a deep dive into the world of responsive web design, covering everything including broad concepts, strategy, how responsive design affects process, responsive design patterns and principles, and more.
Oh, and the "...And Less" part? Responsive design is a huge topic so unfortunately it's impossible to pack everything about it into a single day. But that doesn't mean we can't try, right? Here's what will be covered:
- The ever-shifting landscape – The web landscape is getting more diverse every single day, and this section will address why responsive web design is becoming increasingly essential
- Strategy – There's more than one way to skin this mobile web cat. We'll look at the various strategies being used to approach the multi-device Web landscape and cover pragmatic responsive design strategies.
- Foundations of Responsive Design – Responsive web design 101. Fluid grids, flexible media and media queries make up the core of responsive web design.
- Principles of Adaptive Design – What beyond layout do we need to concern ourselves with when creating great multi-device web experiences? We'll cover how ubiquity, flexibility, performance, enhancement and future-friendliness are powerful principles for making great adaptive web experiences.
- Atomic Design– We'll talk about the importance of creating systems rather than pages, and I'll introduce atomic design, a methodology for creating robust interface design systems. I'll also introduce Pattern Lab, a tool for creating your very own custom interface pattern library.
- Process and Workflow – Our websites are now fluid, so our process and workflow needs to be fluid as well. We'll talk about how to tackle thorny areas like convincing clients and colleagues, getting designers and developers working and discuss tools and techniques to effectively design in the Post-PSD Era.
- Responsive Patterns – Creating adaptive interfaces is challenging, but thankfully the Web community is hard at work creating flexible, downright innovative design patterns. We'll look at how to tackle layout, navigation, images, tabs, data tables, and pretty much anything you can put into a Web interface.
- Development Best Practices – The way we build websites has changed. This section will discuss mobile-first development, CSS techniques, JavaScript strategies, “support” vs “optimization”, device testing and more to help you develop future-friendly web experiences.
Requirements
This workshop is aimed at anyone interested in responsive design, which includes designers, developers, project managers, business partners, and more.
If you're new to responsive design or a seasoned veteran, there will be plenty of takeaways from this workshop. The day is mostly lecture and discussion based, so bring a sharp mind and something to take notes with.
This workshop is a BYOL workshop, so bring your own laptop, please.
When and where is the workshop taking place?
This workshop is taking place on November 2nd from 10am to 5pm. We are using the Quadriga Forum for running the workshops. More details about how to get there can be found here and all workshop attendees will get full information about two weeks before the workshop.
