- Back to Home »
- レイアウト自動作成機を作ってみたw
Posted by : Izumikawa Fukumi
2012年12月5日水曜日
今回結構暇だったので、誰でも簡単にwebサイトのレイアウトを作成出来る物を作ってみました。
結構簡単な仕組みですが、実際に使ってみると便利でしたw
まだレイアウトが組めない方や組めるけどめんどくさいと言う方やクライアントにサンプルとして、
見せたい方などを対象にしています。
是非一度使ってみて下さい。
http://aqua2117.5com.info/sannpuru/htmlcss/index.html
使い方は、単純です。
(A)にコンテナの幅を入力します。
コンテナは、自動的にセンタリングされます。
(B)は、サイドバーの幅を入力します。
次にAとBを引き算します。
例えばAが900で、Bが200の場合結果は、700になります。
900-200=700 この700を入力します。
後は、好きな色を決めて完了です。
自動的に作成されたソースコードをコピーして利用するだけです。
何も入力しないで、作成ボタンを押してしまったら作成されたレイアウトは、幅が無い状態に、
なるので、注意してください。
結構簡単な仕組みですが、実際に使ってみると便利でしたw
まだレイアウトが組めない方や組めるけどめんどくさいと言う方やクライアントにサンプルとして、
見せたい方などを対象にしています。
是非一度使ってみて下さい。
http://aqua2117.5com.info/sannpuru/htmlcss/index.html
使い方は、単純です。
(A)にコンテナの幅を入力します。
コンテナは、自動的にセンタリングされます。
(B)は、サイドバーの幅を入力します。
次にAとBを引き算します。
例えばAが900で、Bが200の場合結果は、700になります。
900-200=700 この700を入力します。
後は、好きな色を決めて完了です。
自動的に作成されたソースコードをコピーして利用するだけです。
何も入力しないで、作成ボタンを押してしまったら作成されたレイアウトは、幅が無い状態に、
なるので、注意してください。