ブラウザで表示が崩れた時の検証に便利！IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハック -Browser Hack Mixins
特定のブラウザで挙動がおかしい、期待通りにならない、そんな時の検証用に役立つ、IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハックがまとめられたSassのMixinを紹介します。 いざという時に、備えておきたいですね。 Browser Hack Mixins for Sass Browser Hack Mixinsの使い方 「_hacks.scss」をインポート。 コード: @import "hacks"; Mixinの使い方 基本書式: @include [Mixin_Name]{ selector, property, value } 記述例: @include only_ie9_below { .my_div, background-color, red } CSSハックの各ブラウザは、下記の通り。 そのブラウザのみ、バージョンのみ、
さよなら、IE…新ブラウザSpartanがWindows 10に搭載か
さよなら、IE…新ブラウザSpartanがWindows 10に搭載か2014.12.30 09:30 湯木進悟 完全に生まれ変われるか！ Windowsユーザにとっては、標準ブラウザのIE（Internet Explorer）こそがメインのブラウザという方も日本国内では少なくないようですけど、他のChromeやFirefoxと比較すると、IEには不満なポイントも多いみたいですね。それを当のマイクロソフトも承知の上で、大幅にレベルアップした次期IEの開発に期待もかかっていましたが……。 このほどZDNetが伝えた情報によれば、新たなWindows 10には、予想されていた｢IE 12｣ではなく、まったく新しいブラウザ｢Spartan｣が搭載されることになるようですよ。Spartanは、IEと同じレンダリングエンジンおよびJavaScript を採用しているものの、より軽量化されたブラウザに
現代的で大容量なクライアントサイドストレージの実装 WMCache.js を公開しました - latest log
ブラウザ上で、100MB 〜 2GB もの大容量のクライアントキャッシュを高速に、ストレスなく扱えます。 もちろんモバイルブラウザに対応しており、iOS 8 と Chrome for Android でも動作します。 詳しくは、 https://github.com/uupaa/WMCache.js/wiki/WMCache に書いたのでご覧ください (ε・◇・)з o O ( いつまでも 5MB + 5MB な (ε・◇・)з o O ( チョビットな世界に縛られているボクタチではないのです! (ε・◇・)っ 画像とWebAudioな動作確認ページ ひとりごと WebKit の IndexedDB は Blob をサポートしていない。Blob が使えれば、もっとシンプルに組めた。 Chrome の FileSystem は Blob も ArrayBuffer も受け付けるが現状 Blo
ブラウザにやさしいHTML/CSS
1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──
ユーザー激論！ Chrome対Firefox、より優れたブラウザはどっち？ | ライフハッカー・ジャパン
かつてはそれほど重要視されていなかったウェブブラウザですが、今や私たちの生活の欠かせない一部となっています。単にシステムのデフォルトを使っていたのは昔の話、今はオペレーティングシステムと同じように、ブラウザにも熱狂的なファンが生まれています。 米Lifehackerでは、その中でも特に人気の高い「Chrome」と「Firefox」を取り上げ、「どちらがより優れたブラウザなのか？」という疑問に対するさまざまな意見を集めていましたのでご紹介します。 洗練されたChromeと、カスタマイズ機能が豊富なFirefox Googleは、Chromeの外観を整え、ほかのブラウザよりも洗練された使い心地にするために多くの労力を費やしてきました。そのかいあって、Chromeでは特別な設定をしなくても便利に使うことができます。一方Firefoxは、その外観と操作方法を自在に変更できる機能の多さで知られていま
事前レンダリングでウェブページの表示時間を高速化
[対象: 上級] 事前レンダリングと呼ぶ技術を使って、ウェブページの表示時間を高速化する方法をこの記事では解説します。 事前レンダリングとは 事前レンダリング (Prerendering)とは、その名のとおり、ページの読み込み（正確にはレンダリング）を前もって実行する仕組みです。 Google検索で採用されている「インスタントページ」には事前レンダリングが使われています。 下のキャプチャは、Googleで「Amazon」を検索したときのChromeのタスクの状況をタスクマネージャで確認したものです。 「事前レンダリング」でAmazon.co.jpが出ています。 「Amazon」で検索したユーザーはかなり高い確率で（1位に出てきた）Amazonのホームページをクリックするはずです。 Chromeは先回りして、ユーザーがクリックしなくてもAmazonのホームページを取得および描画、つまりレンダ
JavaScriptだけでAmazonクラウドのストレージ、NoSQLデータベース、プッシュ通知、ソーシャルログインなどを実現する「AWS SDK for JavaScript in the Browser 」公開
JavaScriptだけでAmazonクラウドのストレージ、NoSQLデータベース、プッシュ通知、ソーシャルログインなどを実現する「AWS SDK for JavaScript in the Browser 」公開 クラウドを利用するためのサーバサイドの開発は必要なく、JavaScriptだけでクラウドストレージやNoSQLデータベース、モバイルへのプッシュ通知、ソーシャルログインなどを実現するライブラリ「AWS SDK for JavaScript in the Browser」がデベロッパープレビューとして公開されました。 すでにiOSやAndroidのネイティブアプリケーション開発用には「AWS SDK for Android」と「iOS 用 AWS SDK」が公開されていますが、この「AWS SDK for JavaScript in the Browser」によって、より手軽にブ
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
FlashをPlayerなしで実行可能なレンダリングエンジン「Shumway」をMozillaが開発中
Firefoxは「Firefox 15」からPDFビューアを同梱しており、Adobe ReaderがなくてもPDFファイルを表示できるようになりました。そんなFirefoxが今度は「Shumway」というレンダリングエンジンを使って、Flash Player無しでもSWFファイルを実行可能にしようとテストを繰り返しており、最新のFirefox Nightly(アルファ1版)では、ブラウザのエクステンションとしてShumwayが試用可能になりました。 Adobe Flash Player replacement "Shumway" lands in Firefox 27 - Neowin http://www.neowin.net/news/adobe-flash-player-replacement-shumway-lands-in-firefox-27 ◆Shumwayとは Adobeの
IE11 でユーザエージェント文字列から 「MSIE」 が消えた件
IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 （IE11） については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog
IEユーザーを撲滅させるためのJavaScript。さぁ今すぐWebサイトに組み込もう！
2013/11/26追記：久々にやってきたらこんなネタにすごい量のストックが。恐縮。ちなみにIE10は普通にいいと思いますよ(これ書いた時ってIE最新はまだ9で、表示のバグも多くぐぬぬしてたもので。)といっても、実質辛いのはCSS3のほぼ使えないIE8以下。WindowsXPのIEは8でストップなので当分怨嗟は止まらんのでしょうな 結論-IEを判別してアラートを出し、モダンブラウザのダウンロードページに移動させる そのためのコードがこちら。headタグ直下にでも配置しましょう。 <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { if(confirm('〇〇〇〇*はInternet Explorerに対応しておりません。本サイトを閲覧するためにはGoogle Chrome,Mozilla
［ウェブサービスレビュー］特定ブラウザでの表示をオンラインでエミュレートできる「browserling」
内容：「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。 「browserling」トップページ。URLを入力するフォームと、ブラウザおよびバージョンを選択するメニューで成り立っている。表示は英語だが問題なく使えるだろう 「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。特別なプログラムをインストールする必要もない。 使い方は簡単で、ウェブページのURLをトップページのフォームに入力し、ブラウザおよびバージョンを選ん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UWP を Continuum に完全対応させるには？ - 高橋 忍のブログ - MSDN Blogs
スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」
スマホサイト開発に使えるブラウザ上エミュレータ「rFrame」:phpspot開発日誌
地図で見る、国別最も使われているブラウザ
ついにアメリカもChromeの天下に！ＷＥＢクリエーター歓喜「もうＩＥ対応は必要ない」
IE10をはじめ、Firefox, Chrome, Safari, Operaなど各ブラウザの枠のPSD素材のまとめ