Flexboxが便利すぎる！要素を自在にソートできるjQueryプラグイン作ってみたFlexboxを使えば要素の並び替えはとても簡単。そこで、カスタムデータ属性をうまく使って、Flexboxの内容でソートできるjQueryプラグインを考えて作ってみました。 この記事では、カスタムデータ属性の値をもとに要素をソートする簡単なjQueryプラグインの作成方法を順を追って説明していきます。 どのようなプラグインかは、CodePenのデモを参照してください。 注：この記事では、jQueryプラグインの開発方法develop jQuery pluginsとflexboxの基本的な知識を持った読者を想定しています。知識が十分でない場合は、リンク先を参照してください。 アクセシビリティの問題 プラグインを作成するのに、flexboxを利用します。 デフォルトでは、flexアイテムはソースの順番に配置されていますが、orderプロパティで親要素のflexコンテナ内での順番を変更できます。
