実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita

2017/02/04 738 users Qiita デザインカンプ 実装 カンフ 齟齬

リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせ... 続きを読む

可変グリッドレイアウト（リキッドレイアウト）のサイトやWordPressのテーマなど集めました | 52ページ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/09 457 users ブラウザウィンドウ 可変グリッドレイアウト 見栄 Flash

ブラウザウインドウにあわせてコンテンツが可変する可変グリッドレイアウト（リキッドレイアウトやフレキシブルレイアウト、海外ではFluid Grid Layout）と呼ぶそうです。 以前はFlashで作成するサイトが得意とする表現でしたがJavascriptでできるようになったことから数年前にいろいろなサイトに使われていましたよね。 ウインドウ全体に広がるのはインパクトあるので写真中心系のサイトは見栄... 続きを読む

ウェブデザインのレイアウトに役立つ１１サイト | DesignWalker

2009/01/16 424 users DesignWalker ウェブデザイン レイアウト 横幅

今回は、ウェブデザインのレイアウトに役立つサイトをいくつかご紹介します。 そのまま使えるレイアウトのサンプルや、いい感じのスクリプト、レイアウトの参考になりそうなインスピレーション系などを集めてみました。 CSS Layouts: A collection of 168 Grid and CSS Layouts 100%のリキッドレイアウト、950ピクセル、750ピクセルの３パターンの横幅で、合計... 続きを読む

web屋が主張する「リキッドレイアウト」に騙されないために

2009/01/12 254 users 余白 横幅 主張 議論自体 Ｗｅｂ屋

リキッドレイアウトの是非について web屋を自称する達の主張が余りにも酷い。 「その余白、もったいなくない？」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。 その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web... 続きを読む

Flashでリキッドレイアウトを実装する （Liquid Flash Layout） - youmos

2007/06/14 190 users Object youmos Flash ウインドウ幅 拡大

Flashコンテンツを作成する際、ウインドウ幅などにあわせて表示領域を広げるように作成する方法がtutorio.comで解説されている。単純にFlashの<object>タグのみ100％など指定すると、Flashそのものが拡大表示されてしまう。 リキッドレイアウトに対応するにはActionScript中で別途処理を記述する必要がある。onResizeイベントが呼ばれる度に、ムービークリップの位置を... 続きを読む

一行あたりの文字数を制限するリキッドレイアウト - 2xup.org

2006/12/19 410 users 2xup.org 文字数

2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での... 続きを読む