意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情
Web フォントは「Web サイトにフォントを埋め込む」ための技術です。 先日、Web フォントを使った 絶対にコピペできない文章を作ったったwwww を公開しました。多くの人に楽しんでもらえたのですが、その一方で、Web フォントが適用されなかった方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。 ほぼすべてのブラウザーが Web フォントに対応しているはずなのですが、一体、何が原因だったのでしょうか。 そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。 ４種類のフォーマット 一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
愛と憎しみのIE6──当時のIE開発者と現開発者が本音と思い出を語り合う（前編）#ie6 #ie11｜CodeIQ MAGAZINE
愛と憎しみのIE6──当時のIE開発者と現開発者が本音と思い出を語り合う（前編）#ie6 #ie11 2014.04.09 Category：技術コラム Tag：IE ,Windows ,エンタープライズ 2014年4月9日にWindows XP、Office 2003、Internet Explorer 6（IE6）のサポートが終了する。IE4がリリースされた頃から、デファクトスタンダードのWebブラウザとして、コンシューマからエンタープライズのユーザーまでの幅広い人たちに使われてきた。 IE6サポート終了に何を思うのか。「俺たちのIE」について、当時のIE6開発者と現場開発者が本音トークを繰り広げた。 by 馬場美由紀 （CodeIQ中の人） Windows95の登場と共にIEの歴史が始まり、IE4で圧倒的シェアを誇る Windows XPが登場したのは、2001年。それと同時にIE6
デフォルトスタイルシートから考える、リセットCSSの留意点 - kojika17
デフォルトスタイルシートの構造を知ることによって、闇雲に指定しているリセットCSSから抜け出すことができます。 ブラウザには、デフォルトスタイルシートというのがあり、ブラウザによってあらかじめスタイルシートが定義されています。 これによって、文章をHTMLで適切にマークアップをすれば、適度な間隔を保つようになっています。 しかしWebサイトを制作する上では、このデフォルトスタイルシートが障害になります。 理由は、ブラウザによって差があり、IE6, IE7, モバイルまで含めると、指定されている値が違うものが多くあるからです。 私は、1年前に各ブラウザのデフォルトスタイルシートを調べました。 現在のモダンブラウザでは、プロパティ名が違うものがありますが、概ね変わっていません。 具体的なデフォルトスタイルシートの例を挙げます。 以下は、平均的なデフォルトスタイルシートの一部です。 html {
Firefox の Firebug や Chrome のデベロッパーツールの Network の結果を HAR にエクスポートしたり PDF に印刷する方法
Firefox の Firebug や Chrome のデベロッパーツールの Network をご存知ですか。以下の画像のように Web ページの表示の際に読み込まれる画像やサイズ、読み込むまでの時間などを表示してくれます。 この結果実は HAR ファイルというのにエクスポートすることができるようです。そして HAR ファイルは HAR ビューワなどで見ることができるようです。この記事ではその辺についてまとめていきます。 Network の結果をエクスポートする Chrome でエクスポートする方法 Network の結果のところで右クリックをするとメニューが出てきます。その中の Save Entry as HAR をクリックすると HAR ファイルに結果をエクスポートすることができます。 Firefox でエクスポートする方法 Firefox の場合は、拡張の NetExport という
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ | HTML5でサイトをつくろう
【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。 特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の
W3Counter - Global Web Stats
This report was generated 02/29/2024 based on the past month's traffic to all websites that use W3Counter's free web stats. Permanent link to this report: http://www.w3counter.com/globalstats.php?year=2024&month=2 Don't just read the report, be a part of it! Track your website's visitor activity in real-time with W3Counter. Sign up for your free account.
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
複数のウェブページを同時にブラウジング コピペもグッと楽になる「Slickscreen」
仕事をしていると、「ブラウザの複数ウインドウを同時に表示させて、作業効率をあげたい。」などと感じる時、意外とありますよね。 SleipnirやOperaといったブラウザを使う手もありますが、今回は複数ウインドウを超便利に同時表示できるツールをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 複数ページを同時表示するマルチブラウジングツール 「Slickscreen」は、複数のウェブページを同時に表示してくれるフリーソフト。 サイズが大きめのワイドスクリーンに適していて、ウェブページ間のコピペや同時チェックなどの作業をおこなうさいに威力を発揮します。 最大４ページを同時に表示 ↑最大４つまでのウェブページを表示でき、同時にチェックするなどの作業をおこなう際にとても便利です。 デモ動画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UserAgentString.com - List of User Agent Strings
IDEA * IDEA
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」NOT SUPPORTED