![ApacheのURLリダイレクト設定 | RewriteRuleサンプル付 | エンジニアのためのSEO入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/db0b6d5cd2de959b565b532c4124f0524b440544/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2009%2Fseseo%2Fseseo_icon.jpg%3Fitok%3DXjhLFQb2)
contentプロパティを使って、項目の前に「Q.」「A.」を挿入 まずは、HTMLを記述 <dl id="faq"> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> <dt>質問</dt> <dd>テキストテキスト</dd> <dd>テキストテキスト</dd> </dl> 次に、項目の前に「Q.」を挿入するCSS(スタイルシート)を記述します。 <dt>タグにcounter-incrementを指定。任意の値(今回はquestion)を付けます。:before疑似要素を使ってcontent: counter();を指定します。 #qa dt { counter-increment: question; } #qa dt:before { c
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
PCサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します! 基本 ・3キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト&ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはPC版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに1ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
ある程度、記述の内容に自由度のあったHTMLに比べると、XHTMLは、XMLの持つ特徴をそのまま引き継ぎ(XML文書ですから当然ですが)、書式が厳密になっています。また、拡張のたびに複雑になる傾向のあったHTMLと異なり、XHTMLではモジュール化による拡張性も視野に入れた仕様になっています(モジュール化をベースとしたXHTML 1.1は現在勧告案の段階ですが、携帯電話やカーナビなどの表示能力が乏しいデバイス用であるXHTML Basicから、将来の拡張性までを考慮した仕様になります)。 XHTMLに関連する W3C勧告は以下のとおりです。 XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0 XHTML(TM) Basic Modularization
MTで初めてサブカテゴリーをつくってみたのですが、テンプレートに反映させる際にどのテンプレートタグを使えばいいのかわかりづらかったのでメモ。 サブカテゴリー自身には親カテゴリーの情報は含まれない サブカテゴリーのラベルには親カテゴリーのラベルは含まれません。たとえば「iPhone」というカテゴリーの下に「アプリケーション」というサブカテゴリーを作成しても、サブカテゴリーのラベル(<$MTCategoryLabel$>で表示されるもの)は「アプリケーション」となります。 そのため、サブカテゴリーのアーカイブページのタイトルや、パンくずリストで利用するには少し工夫が必要となります。 サブカテゴリーがある場合にサブカテゴリーの一覧を表示する MTHasSubCategoriesでサブカテゴリーの存在判定をして、MTSubCategoriesブロックの中でサブカテゴリーを出力します。 <MTHas
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
いくつかの属性とそのサンプルのような、2次元で表現できる情報は「表」の形にまとめると理解しやすくなります。表計算やデータベースでは、横軸に属性(氏名、住所、電話など)をとり、縦軸にサンプル(それぞれの属性を持つメンバー)をとって表現します。リストが「列挙」という形で1次元の情報を表現していたのと対比すると、「表」がふさわしい情報のタイプがよく分かります。 目次: テーブルの基本構成要素 簡単なテーブル 罫線とセルの境界 テーブルの説明 項目名 セルの伸張 セルの背景色 行と列のグループ化 取り上げる要素: table caption tr td th col colgroup thead tbody tfoot HTMLのテーブルはたくさんの要素や属性があって複雑ですが、XHTMLのモジュール化においてBasic Tableと分類されている範囲として、まず項目名あたりまで目を通しておくだけ
以下のような、よくある横並びのフォームですが、どのようにマークアップするのがいいのか迷います。 今まではよく定義リスト(dl)を使ってマークアップしていまたのですが、他にもいろいろなマークアップがありそうなので書き出して見ました。 labelをうまく使えば余計なタグを入れなくてすみます。今回はposition:absoluteで横並びを実現してます(tableを除く)が、floatを使う方法もあります。僕はもっぱらposition派。 リスト(ul,ol) シンプルで、構造の意味的にもしっくりきます。順序付きリスト(ol)か順序無しリスト(ul)にするかはケースバイケースです。 DEMO <ul id="formItems_1"> <li><label for="commentAuthor_1">名前</label><input type="text" name="author" valu
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px~16pxのときに10px~26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
IEは、imgにalt属性を入れると、画像にマウスをあてたときaltの内容がポップアップで現れます。しかし、Firefoxではポップアップは現れません。 alt入れ忘れチェックするのに、Firefoxってちょっと不便、なんて思っちゃって、altの代わりにtitle属性も入れれば、Firefoxでも出るからそっちにする?なんていう方向に走りかけているコーダーをよく見かけます… (って、自分でしたスミマセン) img要素のalt属性に値を設定しておくと、その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、このような考え方は間違いです。 By.img要素でalt属性の内容がポップアップしない|Web標準普及プロジェクト あー実行しなくて良かったぁ、そしてごめんなさい、の思い
そもそもなぜXHTML+CSSで作らなくていけないか? 10の理由にまとめてみました。 1.構造とデザインの分離ができる。 構造(XHTML)とデザイン(CSS)が分離される事により より整理されたコードが記述できるようになります。 2.プログラミングの作業が簡単になる。 これには2つの視点があります。 まずプログラマーの視点から言えばXHTMLは構造化されておりプログラムからXHTMLを出力する際に無駄な処理が省かれます。 (複雑なXHTMLの場合デザイン要素を出力するために無駄な分岐やループを記述する必要がある) デザイナーの視点とすると プログラムの知識がなくともPHPやCGIで書かれたプログラムのデザインの変更が可能になります。 (Movable Typeなどがよい例) 3.SEO効果が高い タグを正確に記述すれば検索エンジンに対してより重要な内容を訴える事ができます。 (hxタグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く