オンラインで自在にCSSレイアウトをデザイン出来るサイト
2006年12月29日-
スポンサード リンク
Example - In search of the One True Layout - One True Layout- Interactive Example
オンラインで自在にCSSレイアウトをデザイン出来るサイト。
フォームにて、ページのカラム数やそのカラムのサイズを調整でき、そのままボタンを押せばプレビューが実行されます。
他にもオプションが色々選択でき、結果的に、HTMLとCSSのコードを出力することが可能。
複雑なカラムのレイアウトを独自に作りたい際にはなかなか便利かもしれませんね。
↓プレビューされたレイアウト
レイアウトを作成する効率的な方法として、他にもレイアウト集のサンプルを元にコピペで作成していく方法がありますが、
この場合、「CSSレイアウトのサンプル集」で紹介したページが使えますね。
関連エントリ
- サイトのCSSを見たままリアルタイムに編集するツール色々
- CSSなタブインタフェースを簡単に作成できる「CSS Tab Designer」
- オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々
- CSSテンプレート配布サイト色々
- オンラインから使えるCSS最適化ツール
- Yahoo!が提供するレイアウト用CSSライブラリ
関連の記事検索:CSS
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ