CSSの擬似クラス「:hover」で作るちょっと変わったメニュー - Trans
IE7の大きな進歩の1つといえば、a要素以外にも:hover擬似クラスが指定できるようになったこと。では、これを使ってどんなWebデザインができるのかについて3つの事例を調べてみました。 CSS hover effect | Veerle's blogより。 サンプルはKansas City Homes for Sale | Prudential Kansas City Real Estateの真ん中あたりのタブです。タブ内にマウスを持っていくと背景色が変わると思います。 これを作るためには、次の2つの画像を用います。 コードはこんな感じです。解説はCSSのコメントと一緒に書いておきました。ちなみに、事例の3つとも画像置換を使っていますが、その説明は省略しています。 <h2>4 different ways to find your Kansas City Homes for Sale</
LPO講座（3）―ランディングページの構成を整えよう | Web担当者Forum
ランディングページの構成要素とは？検索連動型広告をクリックしたユーザーは、飛び先ページ（ランディングページ）に広告で目にした内容が書いてあるかどうかを、ほぼ瞬間的に見極める。広告の訴求点とランディングページの内容にズレが生じていると、ユーザーの離脱率が高まってしまうのだ。これを避けるには、「キャンペーン」や「広告グループ」といった管理単位ごとに、それぞれ適切なランディングページを用意しておくのが有効となる。 既存のウェブサイトにランディングページとしてふさわしいページが見当たらない場合には、新たに作成するのも1つの方法だろう。そこで、今回はランディングページの構成例をご紹介しよう。 ランディングページの構成要素は、大別して以下の4つに分けられる。商品・サービスの「キャッチコピー」「概要」「詳細説明」「申し込みボタン」の4要素だ。これらを1つのページにバランスよく収めていく。 ランディングペ
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
