• Skip to primary navigation
  • Skip to footer navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

WP Fangirl

WordPress Consultant Sallie Goetsch

  • speakerdeck icon
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact

Falling in Love with Flexbox Video (WordCamp Sacramento 2016) Plus presentation Q & A

October 31, 2016 by Sallie Goetsch Leave a Comment

This entry is part 10 of 17 in the series WordCamps
Sallie Goetsch speaking at WordCamp Sacramento 2016. Photo by John Locke.

The WordCamp Sacramento volunteers got the speaker videos edited and posted in record time this year. Since I outlined my talk in the previous post, I won’t repeat the content here, but will mention a few of the questions from the audience afterward.

Flexbox Q & A (Supplemented with Later Research)

Does the flex container have to be a block element? Can you use a <span>?

I’ve never tried using a span as a flex-container. Later consultation of the Flexbox spec makes it clear that once you apply display:flex to an element, both it and all its children behave like block elements.

Does Flexbox work on Lists?

Yes, if you make the <ul> element the flex-container and the <li> elements the flex items.

What percentage of the browsers actually out there in the wild support this now?

All the mobile browsers support it, and people usually update those more often than their desktop browsers. It’s mostly just older IE where it doesn’t work. (You too may have clients who still use older versions of IE.)

I tried out the Flexibility.js polyfill and I wondered if you had some thoughts on it.

I haven’t used it, and when I looked at it, it seemed pretty finicky. But it was created by 10Up, and there are people here from 10Up. Ask them, because they can give you a much better answer than I can.

Is there any chance Flexbox works on Email?

Email design is worse than dealing with IE6, but someone actually tested it–extensively.

What are some of the problems you’ve run into with Flexbox?

Sometimes the results surprise you, and you’ll need to write media queries so you don’t end up with three small elements in one row and one large element in the next row. Sometimes I get confused about my flex-direction and whether I need align or justify. And if you add another wrap, you’ll need to move the display: flex declaration.

Have you tried rewriting an existing WordPress theme to use Flexbox?

Not yet. I haven’t had time, but I’ve used it withing several WordPress themes. Somewhere in my copious spare time I’m going to create my own Genesis starter theme and it will be based on Flexbox.

Are there Flexbox frameworks?

There are some flex layouts included in Bootstrap and Foundation. There’s also a CSS grid layout framework called Flexington created by Mike Hemberger. There’s also a new module coming for CSS grids, but it’s still an experimental feature.

What are some good examples of websites that use Flexbox?

The site I took most of my examples from is NowSecure.com, my most recent project, where I used Flexbox for All the Things. But pretty much everything I’ve built in the last year has Flexbox in it somewhere.

Featured image photo credit: John Locke.

WordCamps Series Navigation<< Previous PostNext Post >>

Related Items

  • Sallie Goetsch presenting on Flexbox at WordCamp Sacramento 2016
    WordCamp Sacramento 2016 Slides and Code
  • Title slide from "Not Everyone Is a WordPress Expert" presentation
    Watch My WordCamp Sacramento 2015 Presentation on Video
  • WP Fangirl Sallie Goetsch speaking at WordCamp Los Angeles 2016
    Video from My WordCamp Los Angeles 2016 Presentation

Share this post:

Share on Twitter Share on Facebook Share on Pinterest Share on LinkedIn Share on Email

Filed Under: WordPress Events Tagged With: WordCamps, Flexbox, #wcsac

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

What I Write About

  • Book Reviews
  • Content Strategy
  • Design
  • Hosting and Servers
  • Most Valuable Plugins
  • There's a Plugin for That
  • Using WordPress
  • Widgets
  • WordPress Consulting
  • WordPress Events

Series

  • Interviews (5)
  • Checking Up on Your Website (4)
  • Client from Hell (5)
  • WordCamps (17)
  • WP-Tonic Roundtable (30)
  • Modern Tribe Tutorials (13)


More in this series:

  • I’m Speaking at WordCamp Sacramento-2015
  • I went to WordCamp Sacramento 2015 and all I got was this awesome sweatshirt
  • WordCamp Sacramento 2015 Slides and Notes
  • Watch My WordCamp Sacramento 2015 Presentation on Video
  • I’m speaking at WordCamp Los Angeles 2016
  • My Slides from #WCLAX 2016
  • My WordCamp Sacramento 2016 Speaker Interview
  • WordCamp Sacramento 2016 Slides and Code
  • Video from My WordCamp Los Angeles 2016 Presentation
  • WCLAX 2016 Video
  • Speaking at WCSAC 2017
  • WCSAC 2017 Notes & Slides
  • Final Set of WordCamp Sacramento Tickets Goes on Sale Wednesday!
  • Online Pressroom Video
  • Highlights of WordCamp Sacramento 2017
  • I’m Speaking at WordCamp Sacramento 2018 in September
  • Building a Compelling Portfolio with Gutenberg Slides

Follow Sallie on Twitter

    Sorry, no Tweets were found.

RSS Latest News from the East Bay WordPress Meetup

  • Does It Work? Using The New CSS Layout with Rachel Andrew
    Things change rapidly in the WordPress world. The content in this post is more than a year old and may no longer represent best practices.Description Over the past two years, […] The post Does It Work? Using The New CSS Layout with Rachel Andrew appeared first on East Bay WordPress Meetup.
  • Speaker Training
    Get the workbook and slides for the October 2019 speaker training, plus background and pro tips. The post Speaker Training appeared first on East Bay WordPress Meetup.
  • SEO Audit Template & Resources
    Our November speaker, John Locke, graciously provided a template for an SEO audit report. You can download it as a Microsoft Word or PDF document. The post SEO Audit Template & Resources appeared first on East Bay WordPress Meetup.

Footer

Contact Info

2063 Main St #133 · Oakley, CA 94561

+1 (510) 969-9947

author-izer

sallie [at] wpfangirl [dot] com

Location

Map of East Contra Costa County

I live in Oakley, CA and run a WordPress Meetup in Oakland, CA. Don't confuse them!

Subscribe for New Posts

  • Since I blog on an unpredictable schedule, you might want to subscribe by email. I'll also send out occasional announcements about events.

  • Privacy Policy: I will never sell or rent your contact information.

  • This field is for validation purposes and should be left unchanged.
  • Contact
  • Colophon
  • Comment Policy
  • Privacy Policy
  • Five for the Future

Copyright © 2023 · Utility Pro on Genesis Framework · WordPress · Log in

MENU
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact