Laziness in the Time of Responsive Design - Simplifying Complex Web Interfaces

Explore responsive design techniques and simplification strategies in this 50-minute conference talk from CSS Day 2014. Dive into Ethan Marcotte's approach to managing complex designs across evolving screens and input types. Learn about flexible layouts, immersive interfaces, and how to achieve more with less using simple effects and selectors. Discover fluid grids, small layout systems, and self-contained design systems. Examine navigation challenges, including the "hamburger" menu problem, and alternative solutions. Investigate the concept of "cutting the mustard" in responsive redesigns. Gain insights into the future of layout and the potential expansion of responsive design principles. Embrace the beginner's mind approach to tackle evolving web design challenges.

Introduction
Adjectives
Layout
Video
Resizing Video
Aspect Ratio
CSS Styles
Example
Net Result
Fluid Grid
Applying Fluid Grid
Using andChild
Frameworks
The problem with frameworks
Disney Studios
They felt real
The Twelve Principles of Animation
Design Frameworks
Small Layout Systems
Shared Buckets
Selfcontained design system
Navigation
The Hamburger
The Hamburger Problem
Timecalm Responsive Design
Helpful Menu Text
Filament Group
Frank Camaro
Trent Walton
BBC News Responsive Redesign
Cutting the Mustard
Wrap Up
The Beginners Mind
The Future of Layout
Should Responsive Design Be Expanded