ランディングページのレイアウトまとめ - ランディングページ（LP）集めました。
WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ！ ランディングページのレイアウトには基本となるいくつかの特長がある。 今回は、「ランディングページのレイアウトのまとめ」。 1：効果的なキャッチコピーとキレイな商品イメージ ユーザーはページを開いて約3秒ほどで自分の求めるサイトどうかを判断するといわれている（らしい）。 そこで、サイトに訪れたユーザーを逃さないために、ページTOPには効果的なキャッチコピーと商品イメージを大きく配置する。特に商品が化粧品の場合は、見た目のイメージが重要。なるべくキレイな画像を使いましょう。 キャッチコピーには、「どこどこのランキングで1位！」や「○ヶ月間で△△万個売れた！」など、実績を使うのも効果的です。 ランディングページにとってヘッダー部分は命とも言える場所。 ここで、少しでも「欲しい！」と思わせな
解体 - 自炊技術 Wiki*
第1 本を解体する。 第1-一 基礎知識 (参考：大阪府立中之島図書館 「本」の部分の名称) (参考：株式会社 第一印刷 印刷物の規格について 綴じ方・種類) 第1-二 接着剤で製本されている本の解体方法 製本用接着剤には、加熱すると軟化して糊状になり、冷えると固体になるホットメルト接着剤がよく使用されている。 ただし、本の最初や最後の部分、カラーページなどについては、ホットメルト以外の接着剤がよく使用されている。 第1-二-(一) 加熱処理による方法 ホットメルトを加熱して溶かして、本を1枚ずつに解体することができる。 加熱に用いる道具により、下記の2種類の方法がある。 なお、ホットメルト以外の接着剤が使用されている部分については、加熱しても解体できないので、手で引き裂いたり、後述の裁断や薬品による方法を試すこと。 また、製本時はホットメルトのように熱で融着させるが、空気中の水分と反応す
Centering (horizontally and vertically) an image in a box
The problemWe want to center an image inside a container, bigger than the image and with assigned dimensions. The image is not a background one, it’s a true <img> element. Any image has well defined dimensions, so the easiest and most reliable way to solve the problem is: make the image display:blockassign to the image the needed left and top margins to get it centered in the container. Each of th
301リダイレクトを使った「WWWあり」と「WWWなし」の統一
僕のところに、毎月１，２件必ず寄せられる質問があります。 それは、「wwwあり」のURLと「wwwなし」のURLに関する質問です。 もう少し正確に言うと、「wwwあり」と「wwwなし」の統合です。 同じコンテンツを示すURLが、「http://www.example.com/」と「http://example.com/」のように、２つに分かれてしまっている場合があります。 人間にとっては同じでも、検索エンジンにとってはまったく別のページになります。 被リンクが両方に張られていたら分散してしまうし、それよりもなによりも異なるURLで同じコンテンツなので、複製コンテンツとしてマークされてしまう危険も付きまといます。 本来ならサイトの構築を始める前に、「wwwあり」で運用するのか、「wwwなし」で運用するのか決めるべきですが、何らかの事情で分かれてしまっていることもあるでしょう。 そこで、「ww
line-height の値には単位なしが良いとされる理由
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
Lucky bag::blog: dt と dd を横並びのサンプル その1
最初に全称セレクタを使って全ての要素を margin: 0; padding :0; line-height: 1.6; としている。 デフォルトの状態 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 case:1 float を使った方法 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。 定義用語 定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。定義用語の説明。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
