最新Google検索結果タイトル表示ルール、押さえないとやばいよ
最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記：私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪！Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は？ ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人：56.74%「タイトルで
HTMLの名前空間(namespace)について掘り下げてみる
2013/03/11 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techHTMLnamespaceOpenGraphRDFa 例えば、 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 『こういうのを HTML に埋め込んでください』とか、 <meta property="og:title" content="ソーシャル用のタイトルがここに入る"> <meta property="og:type" content="article"> 『この記述を入れておきましょう』とか、 <fb:like url="***" layout="button_count" widt
iOS7.1 Safariのminimal-uiと高さ100%コンテンツへの使用警告
Updated 2014.11.01 / Published 2014.03.11 The minimal-ui viewport property is no longer supported in iOS 8. ということで、minimal-uiはiOS8からは早速サポートされなくなり、iOS7.1限定のものすごく短命な機能となりました。 iOS 7.1がリリースされました。いろいろ改善されたり不具合がなおっているとのことですが、職業柄、特にiOSのSafariについてのチェックはかかせないため、チェックしていた最中に見つかったiOS7.1 Safariにおいていくつか注意すべき点を報告いたします。特にhtml, bodyともに高さ100%のコンテンツを作成している場合にiOS 7.1から指定できるようになったminimal-uiを指定すると、深刻な不具合が生じることを警告いたします。
[CSS]リスト要素を左寄せぴったりに配置するスタイルシートのテクニック
中黒のような黒丸、四角、数字など、リストの先頭につくマークを左寄せに揃えるスタイルシートのテクニックを紹介します。 対応ブラウザはIE8+で、ネガティブマージンは使用しません。 Align Lists Flush Left ブラウザごとに異なるサイズのマークでも、数字のリストで1桁から2, 3桁と増えても全てに対応できるテクニックです。 まずは、マークアップから。 HTML ulもolもシンプルな実装です。 <h3>Unordered List</h3> <ul> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> </ul> <h3>Single Digit List</h3> <ol> <li>Lorem ipsum dol
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
