サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
viskowaza.web.fc2.com
推奨ブラウザ:Firefox2.0, Internet Explorer 5.5以降 注意:比率の計算上、割り切れないので誤差が発生します。
説明 使用目的 レイアウトを決める時の煩雑な計算を軽減するというのが目的です。 補助的なものとしてお使い下さい。 javascript使ってます。 多少の誤差が出ます。 使い方 表示されている四角形にマウスカーソルを乗せると、 分割用の目印と現在カーソルが乗っている四角形のサイズが表示されます。 その目印をクリックすると選択されている比率で四角形が分割されます。 比率について 選択した比率によって四角形のサイズ、分割が変化します。 半分について 1:1となるように分割します。 縦幅と横幅を元に計算する(比率無視)が選択された状態で、白銀比の四角形の横幅と縦幅を入力してください。 白銀比の四角形の性質である、「長辺を半分にすると分割された四角形も白銀比となる」を再現する為に追加致しました。 基本サイズについて 横幅を元に計算する(縦幅無視) 入力されている横幅から、選択された比率に合う縦幅を
上ノ郷谷氏のスタイルシートを書く時のガイドライン - 2xupの書式に従って CSSを整形するようにしてみたつもりですが、いろいろ欠点があります。 動作が重い ブラウザの独自拡張や'_'等を使ったハックの位置が後ろにずれる {...}内のコメント'/*...*/'の位置が後ろにずれる @media print { body { color: #000000; } };と言った'{...}'が二重以上の場合は未対応...etc 入力用(CSSを貼り付けてください) 出力用 TOPへ
2007 / 3 / 14 更新 レイアウトの小技 Ver2.0の分割比率に「半分」を追加 レイアウトの小技の説明に「半分」を追加 ブログをはじめました。更新情報などはこちらでご確認を。 2007 / 02 / 16 更新 レイアウトの小技 Ver2.0を公開 私が電脳狂想曲をデザイン・運営する時のノウハウを紹介しています。 サイトを製作される方のお役に立てれば幸いです。
このページを最初にブックマークしてみませんか?
『レイアウトの小技 説明 - 電脳狂想曲 WEBデザインの小技』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く