古いFlexboxモデルから新しいFlexboxの構文へ

Question

私は、フレックスボックスを教えようとしている一連のHTML5チュートリアルを見ていますが、チュートリアルはかなり古く、彼はdisplay: -webkit-box;とwebkit-box-pack:center;のようなものを使っています。いくつかのブラウザはそれをサポートしていませんでした。しかし、私はこの構文が時代遅れであり、MDNのようなサイトには警告がありますが、同じことをするための新しい構文へのリンクは提供していません。残念ながら私は古い方法と新しいやり方を示すウェブサイトを見つけることができないので、誰かがそれを手伝ってくれるかどうか、役に立つリソースをリンクしたり、 MDNのようなサイトの古い構文。このような場合には

Answer 1

おかげで、私の知る限りでは、Googleはあなたの最高の唯一の友人です。たとえば、shouldiprefix.comになってしまいましたが、時代遅れですが、時には正しい方向を指しています。 In a case of flexbox,は、「古くなったものの例」というセクションがあるcss-tricks.com articleを指します。実際に古い構文を使用するチュートリアルを見ることができます。

古い構文と新しい構文の違いをすべて説明しているページはありません。問題は本当に必要なのか？ css-tricks.com（article about flexbox）やw3schools.com（their flexbox reference）などの何千もの人々によって使用されているウェブサイトでは、新しい構文しか教えられず、頻繁に更新されます。古い構文が必要になることはよくありません。

また、ベンダープレフィックスについて心配しないでください。 f.e.のような自動プレフィクサーを使用してください。 grunt-postcss（ここではnice tutorialです - 「IV。グランアップ設定」の手順をご覧ください）。