1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
NYから東京まで何マイル？Google検索で都市間の直線距離を表示 ｜ SEOモード
Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑
CSS3 Linear Gradients (new style syntax)
Safari 4+ supports a different syntax for linear gradients. Safari 5.1+ supports the newer style syntax (as well as the older style). Gradients are an experimental feature, and it's likely the syntax will change before they are finalized. At present, all these browsers require the appropriate vendor specific prefix.
サイト内検索を最大限に活用する7つのノウハウ | Web担当者Forum
サイト内検索機能を強化すれば、ユーザー体験の向上に役立ち、ユーザーが目的のページに到着するのを妨げる障害が減って、サイトにプラスになるはずだ。 サイトにまだ検索機能をつけていないなら、利用できるツールはいろいろある。どの検索アプリケーションがいいかなんてことを僕が勝手に言うのはやめておく。 サイト内検索機能実装のベストプラクティスについては、すでにさまざまなブログに投稿がある。たとえば、 ボタンの表示は「Go」ではなく「検索」にする。初期状態で大文字と小文字を区別せずに検索できるようにする。 ※Web担編注：日本語ならひらがな・カタカナや送りがなの有無などか検索してもヒットするページがない場合は常に、キーワードを見直すよう勧める。などなどだ。2008年にストニー・ドゥジェイテ氏が、ユーザーの使いやすさという重要な側面について多くを論じている）。僕は今回、サイト内検索からもっと成果を引き出す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryで作る軽快なスライドナビゲーション – creamu