Stephen Hay, profile picture
Uploaded byStephen Hay
2,773 views

Flexbox: One Giant Leap for Web Layout (CSS Day 2013)

My presentation for CSS Day 2013. Browser compatibility slide has been omitted; please check caniuse.com for Flexbox compatibility. Please note that these slides are actually screenshots of a web page I made for the presentation, combined into a PDF to post here; thus, no plain text transcript.

Embed presentation

Downloaded 16 times
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)

More Related Content

PDF
The Benefits of Face-to-Face Communication
byBlueJeans Network
 
PDF
7 Must-Know Video Conferencing Stats
byPGi
 
PDF
Sassconf maps
byLourdes Montano
 
PDF
Sculpting Text: Easing the Pain of Designing in the Browser
byStephen Hay
 
PDF
The Future of Everything
byCharbel Zeaiter
 
PPTX
WTF - Why the Future Is Up to Us - pptx version
byTim O'Reilly
 
PDF
From Deception to Clarity
byStephen Hay
 
PDF
The Backside of the Class (CSS Day 2015)
byStephen Hay
 
The Benefits of Face-to-Face Communication
byBlueJeans Network
 
7 Must-Know Video Conferencing Stats
byPGi
 
Sassconf maps
byLourdes Montano
 
Sculpting Text: Easing the Pain of Designing in the Browser
byStephen Hay
 
The Future of Everything
byCharbel Zeaiter
 
WTF - Why the Future Is Up to Us - pptx version
byTim O'Reilly
 
From Deception to Clarity
byStephen Hay
 
The Backside of the Class (CSS Day 2015)
byStephen Hay
 

More from Stephen Hay

PDF
The Art of Deception
byStephen Hay
 
PDF
Power Tools For Browser-Based Design
byStephen Hay
 
PDF
UIE Virtual Seminar: Responsive Web Design Workflow
byStephen Hay
 
PDF
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
byStephen Hay
 
PDF
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
byStephen Hay
 
PDF
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
byStephen Hay
 
PDF
The New Photoshop, Part 2: The Revenge of the Web
byStephen Hay
 
PDF
Style Guides Are The New Photoshop (Smashing Conference 2012)
byStephen Hay
 
PDF
Style Guides Are The New Photoshop (Fronteers 2012)
byStephen Hay
 
PDF
Responsive Design Workflow: Webshaped 2012
byStephen Hay
 
PDF
Responsive Design Workflow: Mobilism 2012
byStephen Hay
 
PDF
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
byStephen Hay
 
PDF
Go With The Flow
byStephen Hay
 
PDF
Fronteers Workshop: Rabid Prototyping
byStephen Hay
 
PDF
Meta layout: a closer look at media queries
byStephen Hay
 
PDF
Real-world Responsive Design @ Breaking Development 2011
byStephen Hay
 
PDF
HTML5 & Webrichtlijnen 2
byStephen Hay
 
PDF
Real-world Responsive Design
byStephen Hay
 
PDF
De aanvrager wint
byStephen Hay
 
PDF
The Future State of Layout
byStephen Hay
 
The Art of Deception
byStephen Hay
 
Power Tools For Browser-Based Design
byStephen Hay
 
UIE Virtual Seminar: Responsive Web Design Workflow
byStephen Hay
 
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
byStephen Hay
 
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
byStephen Hay
 
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
byStephen Hay
 
The New Photoshop, Part 2: The Revenge of the Web
byStephen Hay
 
Style Guides Are The New Photoshop (Smashing Conference 2012)
byStephen Hay
 
Style Guides Are The New Photoshop (Fronteers 2012)
byStephen Hay
 
Responsive Design Workflow: Webshaped 2012
byStephen Hay
 
Responsive Design Workflow: Mobilism 2012
byStephen Hay
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
byStephen Hay
 
Go With The Flow
byStephen Hay
 
Fronteers Workshop: Rabid Prototyping
byStephen Hay
 
Meta layout: a closer look at media queries
byStephen Hay
 
Real-world Responsive Design @ Breaking Development 2011
byStephen Hay
 
HTML5 & Webrichtlijnen 2
byStephen Hay
 
Real-world Responsive Design
byStephen Hay
 
De aanvrager wint
byStephen Hay
 
The Future State of Layout
byStephen Hay
 

Recently uploaded

PDF
Why Everything Feels Off Now: A Visual Framework for Reality Drift
byReality Drift Archive | A. Jacobs
 
PDF
Nina's Architectural Portfolio _ 2026
byNinaBader1
 
PPTX
cubichomeinteriors-Interior Designer in Coimbatore
byVikrantgirase
 
PPTX
Elevations-Massing Of the building through forms and colours
byDirector-Navnirman Bahu-Uddeshiya Mahila Sanstha,Suvarna Lele Architects.
 
PDF
Holm Community at St Nicholas Kirk. Full plans
byAntoine Pietri
 
PDF
Ramalan roshma_Employee_Satisfaction_Engagement_Survey.pdf
bymohamedsameers602
 
PPTX
Create clear, well-structured grant proposals with AI - AI Grant Proposal Gen...
byVenngage AI Infographic Generator
 
PDF
The Graph Sunrise Migration Flow Version 1
byJames Hall
 
PDF
Nina Bader Architectural Portfolio 2026
byNinaBader1
 
PDF
The Graph Sunrise Migration User Flow Design Version 2
byJames Hall
 
PDF
HarperCollins Publishing Rebrand Process - Understanding the Brand
byalliewebbbowen
 
PPTX
827456090-Introduction-to-Sadvritta.pptx
byntanshghai6
 
PPTX
Turn ideas into clear, structured AI flowcharts - AI Flowchart Generator
byVenngage AI Infographic Generator
 
PPTX
mẫu tin học gốc Nguyễn Việt Nam Anh lớp 8G
byvietnamanh7707
 
DOCX
epp subject reviewjhqweqwewkjdhadasdasdqw12312
byJeffreySoriano10
 
PDF
Claire Donnelly Portfolio- Interior design
byclairecd05
 
PDF
Architectural Internship Portfolio - Supriya Kirthi
bySupriyaKirthi
 
PDF
Early Nozzle (Now Amp) Explainer, Presented at company offsite in Ireland
byJames Hall
 
PDF
The Website as a Business Hub Moving from a ‘Digital Brochure’ to a Command C...
byViacon
 
PDF
Universal Verification Methodology - Used to describe the Hardware Digital Ci...
byerssayyappa
 
Why Everything Feels Off Now: A Visual Framework for Reality Drift
byReality Drift Archive | A. Jacobs
 
Nina's Architectural Portfolio _ 2026
byNinaBader1
 
cubichomeinteriors-Interior Designer in Coimbatore
byVikrantgirase
 
Elevations-Massing Of the building through forms and colours
byDirector-Navnirman Bahu-Uddeshiya Mahila Sanstha,Suvarna Lele Architects.
 
Holm Community at St Nicholas Kirk. Full plans
byAntoine Pietri
 
Ramalan roshma_Employee_Satisfaction_Engagement_Survey.pdf
bymohamedsameers602
 
Create clear, well-structured grant proposals with AI - AI Grant Proposal Gen...
byVenngage AI Infographic Generator
 
The Graph Sunrise Migration Flow Version 1
byJames Hall
 
Nina Bader Architectural Portfolio 2026
byNinaBader1
 
The Graph Sunrise Migration User Flow Design Version 2
byJames Hall
 
HarperCollins Publishing Rebrand Process - Understanding the Brand
byalliewebbbowen
 
827456090-Introduction-to-Sadvritta.pptx
byntanshghai6
 
Turn ideas into clear, structured AI flowcharts - AI Flowchart Generator
byVenngage AI Infographic Generator
 
mẫu tin học gốc Nguyễn Việt Nam Anh lớp 8G
byvietnamanh7707
 
epp subject reviewjhqweqwewkjdhadasdasdqw12312
byJeffreySoriano10
 
Claire Donnelly Portfolio- Interior design
byclairecd05
 
Architectural Internship Portfolio - Supriya Kirthi
bySupriyaKirthi
 
Early Nozzle (Now Amp) Explainer, Presented at company offsite in Ireland
byJames Hall
 
The Website as a Business Hub Moving from a ‘Digital Brochure’ to a Command C...
byViacon
 
Universal Verification Methodology - Used to describe the Hardware Digital Ci...
byerssayyappa