Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
Introducing Content Security Policy - MDC Doc Center
HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection サイトの安全化 HTTP Observatory HTTP アクセス制御 (CORS) HTTP 認証 HTTP キャッシュ HTTP の圧縮 HTT
Google Chrome、Firefox最新版（Chrome 57 / Firefox 52)についにWebAssemblyが正式搭載！でWebAssemblyってなんだ？ | DevelopersIO
Google Chrome、Firefox最新版（Chrome 57 / Firefox 52)についにWebAssemblyが正式搭載！でWebAssemblyってなんだ？ こんにちは、せーのです。今日はChromeのアップデートで搭載された、これからのWebを変える(かもしれない)技術をご紹介します。「WebAssembly」、と言います。 WebAssemblyって何？ Chromeの最新バージョンは大きなアップデートとして「CSS Grid Layoutのサポート」と「Media Session Apiのサポート」があります。CSS Grid Layoutは今までHTMLのTableタグで表現していたような縦と横、2次元のレイアウトをCSSで表現できる、という機能、Media Session APIはAndroidのChromeでロック画面などに出てくる音楽、動画のコントロール機能
ブラウザ確認が一瞬！ Browsersync入門（＋Gulpの利用方法） - ICS MEDIA
ウェブサイトを閲覧するユーザーの環境は多岐に渡ります。したがって、ウェブ制作者は多くの環境の動作確認をしなければなりません。その時の手間を大きく省いてくれるBrowsersyncというツールを紹介します。 Browsersyncとはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。ローカルサーバーも起動できたり、複数のブラウザで操作の同期が可能といった便利機能も満載です。 Browsersyncのデモ動画 Browsersyncのデモ動画を紹介します。デスクトップブラウザとスマートフォン（iPhone）のブラウザが同期しており、ファイルの編集後に自動リロードしています。CSSでハリネズミを走らせるアニメーションです。HTMLやCSSのファイル編集がリアルタイムに反映されていることがわかります。 Browsersyncは何を便利にしてくれるのか ファイルの編集後に複数ブラ
HTML5・CSS3のブラウザ対応チェックサイト3選 | Webデザイン・Webデザイナースクール
Web業界で仕事をしていくにあたって、もっとも重要なことのひとつは、最新技術を追い続けるということです。しかし、そこで困るのが、最新技術を試してみたいけど、どのブラウザだったら対応しているのか、ということだと思います。 そこで、ブラウザごとの技術対応状況が一覧で分かるWebサイトをご紹介していきたいと思います。 Can I Use... HTML5、CSS3、JavaScriptまで、幅広く対応していて、Web技術者にとって欠かせないWebサイトといっても良いくらい有名なサイトです。調べたい技術を検索ボックスに入力することで、ブラウザごと、さらにバージョンごとにも詳しく対応状況を一覧することができます。 MOBILE HTML5 その名のとおり、モバイルブラウザに特化してHTML5やCSS3の対応状況を確認することができます。Can I Use... よりもモバイルブラウザに多く対応してい
もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
次期「Safari 10.0」で新しく追加される機能まとめ
2016年後半にも登場が予定されているAppleの新OS「macOS」および「iOS 10」などの標準ブラウザとなる「Safari 10.0」の新機能や仕様がAppleの開発者向けページで公開されています。 Safari 10.0 https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html 【Web API】 ◆IndexedDBのサポート IndexedDBを実装することで、W3Cの勧告基準に完全対応。これにより、オフラインで使用するWebアプリケーションの構造データを保存するためおよび、クライアント側で大量のデータをキャッシュするリクエストを行うAPIを利用可能に。 ◆プログラマティックな切り取りとコピーに対応
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
html999 » Firefox・Safariでブラウザの戻るボタンを使うと画像がロールオーバーのままになる問題を解消
JavaScriptの画像のロールオーバーを設定している画像をクリックしてページ遷移後、ブラウザの戻るボタンを押すと、Firefox・Safariでロールオーバー状態の画像のままになってしまう。（キャッシュが残ってしまう） 有名なバグみたいな仕様だったんですね。最近までなぜか気付かなかった！ 検索してもぱっとした解消方法が見つからずだったんですが、たまたま気付きました！ 解消方法 jQueryのバージョン1.3.2以下を読み込む（たとえjQueryを使用していなかったとしても）だけです！！！ 普通に<head>内に読み込むだけでなぜかキャッシュが残らなくなりました。↓こんな感じで（完全に普通） <script type="text/javascript" src="xxx/jquery-1.3.2.min.js"></script> 不思議だったのが、jQueryを使用していないロールオー
レスポンシブ・ウェブデザインではなく振り分けを行うメリット
レスポンシブ・ウェブデザインではなく振り分けを行うメリット 最近、RWD（レスポンシブ・ウェブデザイン）というテクニックが話題になってますね。 レスポンシブ・ウェブデザインとは、ザックリと説明するとブラウザの解像度などに応じてCSSのMedia Queryなどで適用させるCSSを変更してレイアウトやビューを変更する方法です。 逆にPC用とスマホ用のサイトを作成して、User-Agentなどで切り替える方法を振り分けというようです。 個人的にはどちらも一長一短なので、サイトの目的やターゲット、予算などに応じてチョイスすればよいと思ってます。どちらの手法のほうが優れているかっていうのは目的によって変わると思っているので、ここで宗教戦争をする気はありません。 さて、本題ですが「レスポンシブ・ウェブデザイン」 vs 「振り分け」の議論で「振り分け」のメリットして語られないことが多いことで、スマート
HTML5やCSS3のブラウザ対応を調査する「Modernizr 2.6」が登場
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr開発チームは19日(米国時間)、Modernizrの最新版「Modernizr 2.6」を公開した。Modernizrは、次世代のWebテクノロジであるHTML5やCSS3の機能が利用できるかどうかを調査できる、軽量なJavaScriptライブラリ。Modernizrを利用することで、動作中のブラウザがHTML5やCSS3の機能に対応しているかを簡単に確認することができる。 ModernizrはTwitterやGoogle、Microsoftなど大手ネットワークベンダーで使用されているHTML5/CSS3調査ツール。Web開発者はサイトをきれいに表示させるためにユーザのブラウザ情報を取得
「Internet Explorer」の利用シェアが再び微増--4月調査
4月のウェブブラウザ利用に関する調査結果が発表された。「Internet Explorer（IE）」の不運が好転したことが単なる偶然である可能性は低くなったようだ。 米国時間5月1日に更新されたNet Applicationsの世界ブラウザ市場に関する調査結果で、首位のIEが競合ブラウザから利用シェアを少し奪い返し、3月に53.8％だったPC上での利用シェアを4月には54.1％に拡大させたことが明らかになった。 上位のブラウザはすべて前回調査時の順位を維持した。2位の「Firefox」はシェアを20.6％から20.2％に落とした。「Google Chrome」は18.6％から18.9％に拡大、「Safari」は5.1％から4.8％に縮小した。「Opera」は1.6％で横ばいだった。 MicrosoftはIE9を猛烈に売り込んでいる。IE9は「Windows 7」に搭載されており、長年にわた
【ブラウザ戦争】Google Chrome（27%）がIEとFirefox（25%）のシェアを奪い続けている 恐ろしい子 : 暇人＼(^o^)／速報
【ブラウザ戦争】Google Chrome（27%）がIEとFirefox（25%）のシェアを奪い続けている 恐ろしい子 Tweet 1：名無しさん＠涙目です。(東本願寺)：2012/01/03(火) 12:10:28.74 ID:/q+YGX7Z0 Googleの製品で2011年にシェアが急増したのは、モバイルにおけるAndroid OSだけではない。 StatCounterの調査によると、ブラウザにおけるChromeのマーケットシェアは1年前の15%から 2011年12月には27%に達した。Chromeのこの昨年末のシェアは、Firefoxの25%を上回る（後者は1年前の 31%から下落）。Googleは、Firefoxのデフォルトの検索サイトとしての契約を3年延長することに 合意したが（総額10億ドル）、ブラウザのシェアは奪い続けている。 これとは違う数字もあるが、でも傾向は同じだ。
Firebug、主要開発者が撤退 - Chrome開発チームへ参加 | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. ブラウザにおける代表的な開発およびデバッギングツールであるFirebugの主要開発者が、Firebugの開発から離れ、代わりにChromeチームで開発ツールの開発に従事することを発表した。Firebugの開発を継続したかったが、IBMから追加のサポートを得ることができなかったとしており、苦渋の決断であったことを説明している。 また、すでに主要ブラウザはそのブラウザ独自の開発ツールをもっていること、Firebugをベースとして次世代の開発ツールを開発することは現実的ではないこと、ブラウザの開発スピードについていくことは現在のFirebugの開発チームの規模では困難であること、ほかのツ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeのみがシェアを落とす - 11月デスクトップブラウザシェア
Chromeが第4のブラウザに - 11月モバイルブラウザシェア
IE 9が第2位のブラウザに - 9月デスクトップブラウザシェア
IE9が力強く成長 -7月デスクトップブラウザシェア
CSSのブラウザ対応状況が一発で分かる「BrowserSupport」:phpspot開発日誌
Blogger