with IE(JavaScriptのIE11対応) - Qiita
はじめに 政府や行政サイトの「IE縛り」に代表されるように、IE汚染国である日本で仕事としてJavaScriptを書く場合、IEと共存するしなければならない場合が多いです。 with コロナならぬwith IEです。 IE生活様式 Transpile Bundle Polyfill TranspileとBundle は、ES5の書き方で1つのファイルに書いていれば不要です。 エンジニアが不便を我慢すれば必要ない工程ではありますが、そんな我慢はしたくありません。 コロナで言えばマスク、消毒、手洗い、うがい、密を避ける、換気のような個人でできる対策に当たると思います。 Polyfillは、もともとIE11が対応していない機能に対応させるもので、コロナでいえば治療薬ともいえるものだと思いますが、薬なのでリスクもあります。 コロナと違って、みんなでIEやめる合意が取れればIE対応せずに済む世界にな
IEからEdgeへの強制転送設定を個人サイトに適応してもらった話
ことの発端Microsoft 社へメール申請を経て IE 非互換サイトのリストに自社ドメインが追加されたという記事があった。 必要な手続きの詳細は Moving users to Microsoft Edge from Internet Explorer - Microsoft Edge Development | Microsoft Docs にある通りです。11 月 23 日にメールで申請をしましたので、ちょうど 2 週間ほどで Microsoft 社に対応していただけたことになります。 www.mitsue.co.jpIEからEdgeへの転送を開始 | Web品質Blog | ミツエーリンクスWeb品質Blogの2020年12月7日公開の記事、「IEからEdgeへの転送を開始」です。 Moving users to Microsoft Edge from Internet Explo
Windows 8のIE 10向けにサイト管理者が知っておくといい3つの新しいこと | 初代編集長ブログ―安田英久
今日は、先週発売されたWindows 8に搭載されているInternet Explorer 10（IE 10）の新機能にサイト側で対応するための情報をお届けします。 Windows 8のスタート画面にサイトをピン留めされたときのアイコン指定Windows 8のスタート画面ではアプリケーションやコンテンツを「ピン留め」できますが、IE 10でサイトをピン留めしたときにどんなアイコンがスタート画面に表示されるようにするかは、サイト側のHTMLで指定できます。 1つは、32ピクセル四方のアイコン（ファビコン）をlink要素で指定する方法。 <link href="favicon.ico" rel="shortcut icon" />もう1つは、144ピクセル四方の画像をmeta要素で指定する方法。この方法では、高解像度の画像を使えるだけでなく、タイルの背景色も指定できます。 <meta name
[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js
ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ：IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
gitとRedmineと連携させるgitサブコマンド: git-ticket - みずぴー日記
git + Redmineで開発する場合、Redmineのチケットごとにトピックブランチを切ることが多いですが、ちょいちょいチケットの内容を忘れてしまいます。 そういうときに、いちいちブラウザでチケットを見にいくのがダルいので、チケットのサマリを表示するgitのサブコマンドを作りました。 なお、本コマンドはbleis-hooksと併用することを想定しています。 インストール方法 git ticket subcommand · GitHub からダウンロードし、パスの通ったディレクトリに配置してください。 $ wget https://raw.github.com/gist/014371584dbf85d053ed/f8ade6f7fc36a4c8f49f72a538a6322bfb726bf8/git-ticket $ mv git-ticket /path/to/some/dir $ c
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
コマンドラインでIEを使った縦長スクリーンショットを保存·IECapt MOONGIFT
IECaptはコマンドラインベースでIEを使ってWebサイトのスクリーンショットを取得、画像として保存するソフトウェアです。 Webサイトのスクリーンショットを保存したい時はよくあります。単純に表示されている部分だけでなく、スクロールした先も含めて取得したいなら使ってみたいのがIECaptです。 コマンドラインオプションです。 こんな感じに実行します。基本は--urlと--outです。 生成された画像です。PNG、JPEG、BMP、EMFなどが選択できるようです。 JPEGで生成した画像です。 IECaptはコマンドラインで実行するソフトウェアで、IEでレンダリングした結果を画像として保存できます。デザインの修正点を指摘する際の材料として使ってみたりすると便利かも知れません。 IECaptはWindows用、GPLのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイ
IE8以前に救済。HTML5のタグを利用可能に·html5shiv MOONGIFT
html5shivはIEをはじめとするHTML5非対応WebブラウザでHTML5のタグとスタイルを使えるようにするソフトウェアです。 HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシートが当たっています。 ソースコード。sectionタグなどを使っています。 まだ開発中ということもあって全てのテストが通る訳ではなさそうです。 別なソース。markタグを使ったり、jQueryも使えています。 こんな感じのグラフも描けています。 グラフのソース。おそらくCanvasタグで描かれているはず。 html5shivを使えばHTML5非対応のWebブラウザであっ
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
“But The Client Wants IE 6 Support!” - Smashing Magazine
Frequently, when I discuss CSS3 with other developers, the issue of stubborn clients comes up. They tell me that even though they personally don’t think a website should look the same in all browsers and they’re eager to try all of these new techniques, their clients insist that their website should look the same, so the developers are stuck with the same Web development techniques that we used fi
CSS3の角丸表示を使おう。レガシーなWebブラウザにはこれで対応·Curved corner MOONGIFT
Curved cornerはレガシーなIEでもCSS3のborder-radiusを有効にするスクリプトです。 Curved cornerはCSS3で実装されているborder-radiusをIE7などのレガシーなWebブラウザでも対応させるためのソフトウェアです。多数のWebブラウザにも対応すればborder-radiusが積極的に使えるようになりそうです。 こちらはIE7で表示した例です。実際に角丸のCSSになっています。画像は使っていません。 こちらはWindows版Google Chromeでの表示です。CSS3に対応していますので問題ありません。 もちろんMac OSXでも大丈夫です。こちらはGoogle Chrome。 Firefoxでも大丈夫です。 種明かしをすると、IE7などのレガシーなWebブラウザの場合だけHTC（HTML Components）を読み込んで、そちらで挙
IE Fix: Bicubic Scaling For Images | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Devthought had a little CSS tip the other day that is definitely worth repeating. It’s not new, it’s just an important little trick to know. And here it is: img { -ms-interpolation-mode: bicubic; } If you use width or height tags to resize images in your markup, IE will ensure they look incr
CSS3 Compatibility Tools, Resources and References for IE
CSS3 is the coolest thing to happen to web design in a long, long time. With all of its incredible new properties, border-radius, box-shadow, border-image, transform to name just a few, a new dawn has arrived, and opened up a multitude of powerful and exciting options that have refreshed the web design community as a whole. Yes, we do love it! Not everybody loves it, well, not as yet, anyway. They
IE6〜8でのHTML5の印刷を適切にサポート·IE Print Protector MOONGIFT
IE Print ProtectorはIE8以前のWebブラウザでHTML5サイトの印刷をサポートするライブラリ。 IE Print ProtectorはIE用、JavaScript製のオープンソース・ソフトウェア。HTML5/CSS3になって、HTMLの表現力があがった。それに伴って新しいタグが幾つも追加されている。新しいWebブラウザであれば問題はないが、HTML5非対応のWebブラウザにとっては大きな問題だ。 表示 その最たるものがIEではないだろうか。未だに企業によってはIE6を使っている場合もある。そんなレガシーなWebブラウザでも印刷時の問題を解消してくれるのがIE Print Protectorだ。 IE Print ProtectorはJavaScriptを使って印刷時の問題を解消する。IE Print Protectorを読み込んでいない状態と、読み込んだ時とで印刷プレビ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
html5shiv - Project Hosting on Google Code
www.rapidexp.com is Expired or Suspended.
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting