2018年版 Edge のみ適用する CSS ハック (@supports) の書き方 - Corredor
ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化 作者: Ilya Grigorik,和田祐一郎,株式会社プログラミングシステム社出版社/メーカー: オライリージャパン発売日: 2014/05/16メディア: 大型本この商品を含むブログ (3件) を見る IE11 よりマシになったものの、まだ「Edge のみ表示がおかしい」といったことがある。そこで Edge のみ適用させるための @supports の書き方を記しておく。 2018年3月時点で最新の Edge にのみ適用させる @supports は以下のとおり。 @supports (-ms-ime-align: auto) { /* Edge のみ適用される */ } コレでよきよき。 参考：Edgeのみに適用させるcssハックが効かないときに試す最新の記述方法【2017年】
IE11で謎のテキスト余白? 原因は游ゴシック体・游明朝体とIE11の相性だった！
2017年4月28日 IE11でテキストに起こる謎の余白の原因は？ WEBサイトのhtmlをコーディングする際、IE11だけテキストに謎の余白に遭遇する事がある。本文などのテキストでは気づきにくいが、見出しなどデザイン上、罫線や背景色などでテキストを囲った状態の場合、テキストの上下の余白がIE11だけ違う事に気づく時がある。いつも起こっているわけじゃなかったので、原因がどこにあるのかわかるのに少し時間がかかりました。 調べた結果、フォントの指定を「游ゴシック体・游明朝体」にしている時に、IE11で謎の余白が空いてしまう事がわかったので、その現象の詳細と対策法を書きたいと思います。 游ゴシック体・游明朝体はWindowsとMac両方にインストールされている貴重なフォント 游ゴシック体・游明朝体は、MacではOSX Mavericksから、WindowsではWindows8.1から標準でインス
游を font-family で指定した時に IE で生じる謎余白対策 | Thought is free
IE で游ゴシック・游明朝を指定した時に IE で生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。 IE の場合、「メイリオ」以外だと、line-height が効かなくなるバグもある。 単純な話、IE では、font-family の先頭で「メイリオ」フォントを指定しないとダメですね。 （同じ Microsoft でも Edge なら、メイリオ以外でも問題ない） 参考サイト 最近は、Windows と Mac で同じフォントにするため、「游ゴシック」を指定してるサイトもあるが、その場合は、IE だけメイリオにする CSS ハックした方がいいと思う。 例えば、font-family を ↓ このように指定してるなら、 body { font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro
CSSでスタイルをIEのみ・Firefoxのみ・Chromeのみ・Safariのみに適用する方法
各ブラウザのみにスタイルを適用する方法をご紹介いたします。 IEのみ表示が崩れるとか、Firefoxのみ違うサイズにしたい、といった場合に使えるCSSハックです。
IE 確認用の仮想マシンの構築 (modern.IE) - Qiita
構築した環境(ホストOS) ホスト OS OS：Windows 7 Professional Service Pack 1 32bit| CPU：Intel(R) Core(TM) i5-2520M @ 2.50Ghz Memory: 4.00 GB (3.17 GB使用可能) ゲスト OS Platform：VirtualBox OS：Windows 10 Browser：Internet Explorer 11 Windows XP もやってみたけど、おおむね同じ手順で OK！ IE で日本語表示できない件は後述のメモを参照。 必要な仮想マシンのダウンロード 1. modern.IE にアクセス 2. 仮想マシン を選択 3. [Select Virtual Machine] から必要な仮想マシンを選択 IE11 on Win10 4. [Select Platform] からプラット
各Windows OSで利用できるIEのバージョンを知る
対象ソフトウェア：Windows 2000／Windows XP／Windows Vista／Windows 7／Windows 8／Windows 8.1／Windows 10／Windows Server 2003／Windows Server 2008／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2／Windows Server 2016、IE5／IE5.5／IE6／IE7／IE8／IE9／IE10／IE11／Microsoft Edge Windows OSに標準装備のWebブラウザ「Internet Explorer（IE）」は、Windows OSと同様、機能や性能の向上のためにバージョンアップが繰り返されてきた。Windows 2000からWindows 10の間にリリースされたIEは、主要な
Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft
今日のデジタル社会において、数十億人の人々が仕事や生活の両方でインターネットに接続し、様々なアプリケーションやサービスを利用しています。オンラインのリスクを回避し、高速かつ最適な Web 体験を得るために、モダンなブラウザーを選択することは、ますます重要になってきています。 マイクロソフトは、より安全で高速なブラウザーをご提供し、ユーザーが常に最新バージョンの Internet Explorer を使えるよう継続的な投資を行なってきました。最新の Internet Explorer 11 では、セキュリティの向上やブラウジングの高速化、Web 標準サポートによる Web アプリの互換性向上など、開発者だけでなくユーザーにとっても多くのメリットがあります。 米国時間の 2014 年 8 月 7 日、マイクロソフトは Internet Explorer のサポートポリシーについて、重要なお知ら
IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte
【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ
エンジニアの菊池です。 今回、初めてブログを投稿させていただ[...]エンジニアの菊池です。 今回、初めてブログを投稿させていただくことになりました。 業務では主にフロントエンドの実装とマークアップ等を担当しています。 さて、Windows XPのサポート終了まで残り約8ヶ月となりました。 ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やJavascriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備考録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。 1.CSSハック /* I
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
感謝祭休暇には実家の「IE 6」をアップデートしよう――AtlanticやMicrosoftが呼び掛け
ブラックフライデーにオンラインショッピングをする前に、両親の古いWebブラウザをアップデートしてあげようと、Microsoftがユーザーに呼び掛けた。 「感謝祭休暇で実家に帰ったら両親のPCのWebブラウザをアップデートしてあげよう」――米オピニオン誌「The Atlantic」のオンライン版が、感謝祭翌日の金曜日を「あなたの両親のブラウザをアップデートする日」にしようと提唱した。 米国では感謝祭（11月の第4木曜日）の週末には実家に帰って祝うことが多い。そうした機会に年老いた両親が使っているPCのWebブラウザをチェックし、Internet Explorer（IE） 6のようなサポートの終了したセキュアではないWebブラウザを使っているようであればアップデートしてあげようと、Atlanticのアレクシス・マドリガル氏が勧めている。 これを受けて米MicrosoftのIEチームも公式ブログ
IE5～8をCCS3の疑似セレクタ対応にするスクリプト - ie-css3.js
CSS3に対応していないIE5/6/7/8をCSS3の擬似セレクタに対応させるスクリプトを紹介します。 ie-css3.js 対応するセレクタは、下記の11種類です。 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty スクリプトの動作は、セレクタを見つけたらシミュレーションしたものに変更されて適用されている、とのことです。 スクリプトの使用方法は、DOMAssistantと併用し、外部スクリプトとして記述します。 <textarea name="code" class="html" cols="60" rows="5"> <head> <script t
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
IE・Firefox・Chromeのキャッシュを見るフリーソフト | Web活メモ帳
ウェブ上をブラウジングする際は、通常キャッシュの事を意識する事は少ないと思います。 しかし、キャッシュから何かを検索したい場合などにこのソフトが役に立つかもしれません。 IE,Firefox,Chromeでそれぞれソフトがあります。下のリンクからそれぞれダウンロード可能です。 MozillaCacheView ChromeCacheView IECacheView このソフトはとてもシンプルなインターフェイスを備えており、フィルターをかける事で必要なデータにアクセスする事ができます。 キャッシュファイルを選択して、「WEBブラウザで表示」というボタンを押すことで簡単にサイトにアクセスする事もできます。 Googleデスクトップなどをインストールしていると、キャッシュから検索などもできますが、 デスクトップ検索が無いマシンや、特定のブラウザだけのキャッシュから探したい場合などで有効では無いで
MacBook or Windows Laptop: Best Choice for College
As a college student, probably the most important investment you will make (apart from your tuition, of course) is your laptop since you are going to write, research, read, and work on all kinds of projects in a digital form quite a lot. The only question is which one? There are many operating systems and types of devices available, including open-source solutions like Linux or Ubuntu. Still, for
IEで透過pngにopacity - latest log
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity 解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できる filter: は一度にひとつではなく、複数指定できる があり、これを踏まえて filter: alp
Firebug Lite 1.2登場、IE Safari OperaでFirebug活用 | エンタープライズ | マイコミジャーナル
Firebug - Firebug Lite 25日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.2が公開された。Firebug LiteはFirebugの機能をJavaScriptで実装したサブセット版。ページに挿入可能なJavaScriptとして実装されているためFirefoxのみならずIE、Safari、Operaなどのブラウザでも使えるという特徴がある。 Webアプリケーション開発やWebデザイン調整に人気のあるエクステンションがFirebugだ。しかしエクステンションとして実装されているためFirefox以外では使えないという制約がある。同じデバッグ機能をIEやSafariで試したいと思っても使えない。Firebug LiteはFirebugの機能を挿入可能なJavaScriptで実装することでIEやSafari、Operaでも動作するようにし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
text-justify－CSSリファレンス
ReadWrite - IoT and Technology News