Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

flexbox: text update. just more modern.

  • Loading branch information...
commit 2ef1ca25e37091172b0ea9b49ce644b5d4830833 1 parent 8827c8f
@paulirish paulirish authored
Showing with 5 additions and 3 deletions.
  1. +5 −3 posts/flexbox.md
View
8 posts/flexbox.md
@@ -3,9 +3,11 @@ status: use
tags: none flexible
kind: css
-The flexbox spec has changed significantly through three major revisions (Chris Coyier shares [how to tell which flexbox you're looking at](http://css-tricks.com/old-flexbox-and-new-flexbox/)). The current version is now a W3C Candidate Recommendation and is considered stable. There are presently no robust polyfills for the current spec, however it's possible to [mix old and new flexbox for maximum browser support](http://css-tricks.com/using-flexbox/).
+Go for it! [CSS Tricks' A Complete Guide to Flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) provides strong reference documentation for all properties and values, and [Dive into Flexbox](http://weblog.bocoup.com/dive-into-flexbox/) is a good overview of the spec. Additionally, the [flexbox docs at MDN](https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes) are excellent and the [Putting Flexbox into Practice slide deck](http://zomigi.com/blog/flexbox-presentation/) shares a practical path of using flexbox today.
-The new spec is now implemented in all 5 major desktop browsers. On mobile, the old spec is in Android browser 2.1 and Firefox Mobile, and the new spec is in iOS Mobile Safari 7, Chrome, Opera Mobile and Blackberry. [Dive into Flexbox](http://weblog.bocoup.com/dive-into-flexbox/) is a good overview of the spec, Opera has a great tutorial to learn from: [Flexbox — fast track to layout nirvana?](http://dev.opera.com/articles/view/flexbox-basics/). Additionally, the [flexbox docs at MDN](https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes) and [CSS Tricks' A Complete Guide to Flexbox](http://css-tricks.com/snippets/css/a-guide-to-flexbox/) provide strong reference documentation for all properties and values. The [Putting Flexbox into Practice slide deck](http://zomigi.com/blog/flexbox-presentation/) shares a practical path of using flexbox today.
+Flexbox has a funny history: the flexbox spec changed significantly through three major revisions (Chris Coyier shares [how to tell which flexbox you're looking at](http://css-tricks.com/old-flexbox-and-new-flexbox/)). The current version is now a W3C Candidate Recommendation and is stable.
-You should look at the [Solved by Flexbox](http://philipwalton.github.io/solved-by-flexbox/) solution playground and work with the following tools to iterate and find your layout and syntax:
+Browser support: The new spec is now implemented in all 5 major desktop browsers. On mobile, the old spec is in Android browser 2.1 and Firefox Mobile, and the new spec is in iOS Mobile Safari 7, Chrome, Opera Mobile and Blackberry. There are presently no robust polyfills for the current spec, however you can [mix old and new flexbox for maximum browser support](http://css-tricks.com/using-flexbox/).
+
+We recommend looking at the [Solved by Flexbox](http://philipwalton.github.io/solved-by-flexbox/) solution playground and work with the following tools to iterate and find your layout and syntax:
[Flexbox Please!](http://demo.agektmr.com/flexbox/), [Flexy Boxes](http://the-echoplex.net/flexyboxes/), and [Flexplorer](http://bennettfeely.com/flexplorer/).
Please sign in to comment.
Something went wrong with that request. Please try again.