「CSS Grid Layout」を使ったWEBページをビジュアルな表示により簡単に組み替えることができるように開発されたアプリケーションです。
出力されるソースはCakePHP3のソースにて出力されます。
(MVCフレームワークを使うことにより、デザイン部とロジック部分を分割した開発を行うことができます。)
CSS Grid Layout(グリッドレイアウト)は、2次元レイアウトを、HTML/CSSを使って簡単・自由に操作できる、CSSの機能です。
格子状のマス目のグリッドを横長・縦長など自由な大きさに結合したり配置したりすることで、様々なレイアウトを作り出すことが出来ます。
デザイン的にはグリッドレイアウトを用いることで見えない力線のように各グリッドの上辺や左辺が必然的に揃って見栄えがよく認識性が高いレイアウトとなることです。
・グリッドレイアウトをビジュアルにより簡単に組み替えることが出来るようになります。
・出力されるソースはCakePHP3のソースにて出力されます。
・MVCフレームワークを使うことにより、デザイン部とロジック部分を分割した開発を行うことができます。
・O'tasukeホームでは自動的にスマートフォン用レイアウトとしてメディアクエリーによるレイアウトロジックも出力しています。
・CSS Grid Layoutに対応していないブラウザ・バージョンについては内部で判断し別のテンプレートに振り分けています。
(CSS Grid Layoutから出力されるレイアウトとあまり変わらないように1行単位でInLine-Blockによる横並びにて出力されています。)