「flexboxのCSSレイアウトを生成できる便利ツールflexplorer」のご紹介| Webデザイン参考記事まとめアプデ

2016年09月29日(木)

flexboxのCSSレイアウトを生成できる便利ツールflexplorer

0

0

0

20

flexboxはシンプルなhtmlでレイアウトを構成できて便利ですが、プロパティが色々あって混乱することもしばしば。。
flexplorerを使えば、スタイルの切り替えを実際に見ながらレイアウトの確認が出来るので、flexboxの仕組みが直感的に理解できます。

flexplorer

flexplorer

指定できるプロパティ

ボックスの横幅

flex-direction

flex-wrap

justify-content

flex-grow

flex-shrink

flex-basis

入力した情報をCSSとして表示してくれるので、コピペで使えて便利です。

Gimmick log

ponzuさんがご自身の備忘録として更新されているブログ。Web制作全般の技術的な内容が中心ですが、特にjQueryやjavascriptに関する記事は豊富で読み応え抜群。ソース等も詳細に書かれていますのでとても参考になります。

ponzuさんがご自身の備忘録として更新されているブログ。Web制作全般の技術的な内容が中心ですが、特にjQueryやjavascriptに関する記事は豊富で読み応え抜群。ソース等も詳細に書かれていますのでとても参考になります。Gimmick logの記事『flexboxのCSSレイアウトを生成できる便利ツールflexplorer』についてまとめています。

この記事は特にWordPressについて書かれており、 HTML+CSSコーディング、Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のGimmick logで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとGimmick logの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。