追記: このエントリを投稿してから3日後に Google から AMP が発表されました。AMP は 既存の HTML/CSS/JavaScript の機能を制限することで、ページの表示パフォーマンスを改善するものです。AMP で書かれたページは Google 検索ランキングにおける特典が受けられるといった情報もあります。AMPの実装方法
『そういえば、あの業界のシェアは結局どこが一番多いんだっけ……?』 そんな疑問を抱いたことがあるすべてのビジネスマンに捧ぐ連載。仕事でも利用できる業界ランキングや業界地図を私、高橋暁子が手っ取り早く紹介します。<連載目次> Chromeはすでに過半数越え 皆さんは、パソコンなどでブラウザーは何を利用しているだろうか。ブラウザーは1991年に生まれて以来激しいシェア争いが続いており、「ブラウザー戦争」などとも呼ばれている。世界、日本におけるブラウザーのシェア、バージョンごとのシェアを見ていこう。 StatCounterによる、世界のデスクトップPCにおけるブラウザーシェアを見ていこう。それによると、2008年7月は、1995年に登場して以来市場を席巻していたInternetExplorer(IE)のシェアが約68.57%でトップ。続いてFirefoxの26.14%などとなっていた。 ところが
昨晩というか今朝のCSS WG Teleconにて。 CSS WG Blog – Minutes and Resolutions Telecon 2012-06-06 [CSSWG] Minutes and Resolutions Telecon 2012-06-06 Resolved: Transitions, Transforms, and Animations may be released unprefixed. IE10PP6でなぜだか接頭辞省いたバージョンも実装されたというのもあって、とりあえずAppleのVisual Effects 3仕様については接頭辞を省いてもよしとなったらしい。Animationsはうれしいね。 今回のはいちおう、Microsoftの行動を受けての決定らしいので、接頭辞に関するポリシーが変わったというわけではない。ただ、4月末からいろいろあったので、も
Quick tutorial post today. To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre> tags): pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -m
Sorry, JavaScript is required to view Global Stats charts.
<!--HTMLでは--><script defer></script> <!--XHTMLでは--><script defer="defer"></script> script要素にはdefer属性があって、これはdocument.write系がないことを条件にscriptの中身を後で評価することによってページのレンダリングを妨げないようにするものと説明されている。ただdeferが利用されているサイトってなかなか見たこと無いうえに本当にレンダリングを妨げないか興味があったので調べた。 実装されているブラウザ 調べた範囲ではIE(SafariとKon〜は調べてない)のみ。あとIEはscript要素にdefer属性をつけるとinnerHTMLに代入したscriptが実行されるという仕様がある。 // 以下は動かないので駄目 hoge.innerHTML = "hoge<script>aler
Twitter / tacamy: { word-wrap: break-word; } ... ということなのでJSを使わずにCSSだけでやれるみたいです。しかもこれだけ。 .word_wrap { word-wrap: break-word; } IE6、7、8、Firefox3.6、Safari4、Chrome、Opera10.52で確認しましたけどこれだけで全部いけます。ブラボー。 <div class="word_wrap">http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3</div> <div class="word_wrap">aaaa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く