CSSで検索フォームをカスタマイズ « vanillate
blogや、ウェブページのデザインでの検索フォーム。ここのデザインをばっちりあなたの思い通りにデザインできたら、一気にクオリティが上がるようなきがしませんか？今日はCSSで比較的簡単に検索フォームをおしゃれに変身させてしまいましょう。 HTMLコード <form id="t_searchform" method="get" action="url"> <input type="text" name="s" id="s" size="15" /> <input type="image" id="go" src="./images/vani_12.jpg" width="26" height="30" value="search" /> </form> CSSコード #t_searchform{ background: url(images/vani_11.jpg) no-repeat top
サイト内検索を最大限に活用する7つのノウハウ | Web担当者Forum
サイト内検索機能を強化すれば、ユーザー体験の向上に役立ち、ユーザーが目的のページに到着するのを妨げる障害が減って、サイトにプラスになるはずだ。 サイトにまだ検索機能をつけていないなら、利用できるツールはいろいろある。どの検索アプリケーションがいいかなんてことを僕が勝手に言うのはやめておく。 サイト内検索機能実装のベストプラクティスについては、すでにさまざまなブログに投稿がある。たとえば、 ボタンの表示は「Go」ではなく「検索」にする。初期状態で大文字と小文字を区別せずに検索できるようにする。 ※Web担編注：日本語ならひらがな・カタカナや送りがなの有無などか検索してもヒットするページがない場合は常に、キーワードを見直すよう勧める。などなどだ。2008年にストニー・ドゥジェイテ氏が、ユーザーの使いやすさという重要な側面について多くを論じている）。僕は今回、サイト内検索からもっと成果を引き出す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
