今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ
IE6から使えるHTML5/JavaScriptによるグラフライブラリ·envision MOONGIFT
envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。 リアルタイムグラフ。刻々とグラフが追記されていきます。 タイムシリーズ。指定範囲だけを拡大できます。 こんな感じでマウスで幅を広げたりできます。 ファイナンス。株価、出来高といった指標を表示するのに使えます。 こちらも幅を変更できます。 中央をドラッグすれば左右への移動も可能です。 マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。 幅の変更ももちろん可能です。 フラクタル画像です。 マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
IE8以前に救済。HTML5のタグを利用可能に·html5shiv MOONGIFT
html5shivはIEをはじめとするHTML5非対応WebブラウザでHTML5のタグとスタイルを使えるようにするソフトウェアです。 HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシートが当たっています。 ソースコード。sectionタグなどを使っています。 まだ開発中ということもあって全てのテストが通る訳ではなさそうです。 別なソース。markタグを使ったり、jQueryも使えています。 こんな感じのグラフも描けています。 グラフのソース。おそらくCanvasタグで描かれているはず。 html5shivを使えばHTML5非対応のWebブラウザであっ
納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
IE9はHTML5のオフライン機能よりも安定性を選んだと
正式版がついに公開されたマイクロソフトのInternet Explorer 9（日本語版の公開は延期されていますが）。HTML5対応といわれていますが、しかしオフライン機能やWeb Workders、File APIなど主要なHTML5の機能の一部は実装されていないことを、以前の記事「Internet Explorer 9がHTML5のオフライン機能やWeb Workersを実装していないことをどう受け止めるか」で紹介しました。 HTML5に積極的にコミットしたはずのマイクロソフトが、なぜFirefoxやChromeやOperaでは実装されているような主要なHTML5機能の一部をInternet Explorer 9で実装していないのか？ 日本マイクロソフトの担当者にインタビューを行いました。 インタビュー記事は＠ITに「IE 9がHTML5の機能の一部を実装しない理由」として寄稿し、先週
【レビュー】IE6、IE7、IE8、IE9をクラッシュさせる方法 | エンタープライズ | マイコミジャーナル
Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されている。 そうした情報のひとつにTaranfxで公開されているHow to Crash Internet Explorer IE6, IE7, IE8, IE9がある。IE6、IE7、IE8、IE9をクラッシュさせたりフリーズさせることができるコードを紹介するという内容になっている。記事の目的はIEがクラッシュするコードを使ってほかのブラウザへユーザの目を向けさせようというもの。同様の取り組みはすで
IEのみに適用させるIF
IEのみに有効なif構文。 head内に記述することで、CSSやJavascript等をIEだけに適用させることが出来る。 <!--[if lte IE 5.5000]>IE5.5以下に適用< ![endif]--> <!--[if IE 5 | IE 6]>IE5〜6に適用< ![endif]--> <!--[if lt IE 7]>IE7以外に適用< ![endif]--> <!--[if gte IE 7]>IE7以上に適用< ![endif]--> ▼こう書くとIE７以外にhoge.jsが有効になる。 <!--[if lt IE 7]> <script typ="text/javascript" scr="hoge.js"></script> <
IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】 - Programming Magic
IE6では、selectタグはWindowsのコントロールを使用して表示されている。 そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。 特に困るのがz-indexで、JavaScriptでdivタグをドラッグで移動できるようにした場合、ページ内にselectタグがあると、selectタグだけがz-indexを無視して一番上に表示されてしまう。 selectタグがz-indexを無視するサンプル Opera9、Firefox2では正しく表示される。 IE7ではz-indexの扱いは正しくなっているが、borderやtext-alignは利かない。 このz-indexのバグはiframeタグを使って解決することができる。 iframeタグは、selectタグよりも高いz-indexが設定されていれば、selectタグよりも上に表示
Internet Explorer 8正式版レビュー（1/3） - ＠IT
本稿は、2008年9月17日に掲載した「Internet Explorer 8（Beta 2）クイック・レビュー」というIE8ベータ2をベースにした記事を、正式版の情報に改訂するとともに、いくつかの新情報を追記したものです。 3月19日（日本時間では3月20日）、Internet Explorer 8の正式版（以降、IE8）がリリースされた。IE8では、HTML描画やJavaScript処理の高速化、HTMLやCSSのWeb標準準拠、Ajax関連の機能拡張といったWebブラウザの基本機能の改善と拡張が大きな特徴となっているが、これだけにとどまらず、「Webスライス」や「アクセラレータ」といった新機能（詳細後述）も追加されている。 本稿では、これらの改善や新機能の中で、特にWeb制作やWebアプリケーション開発に関連するであろうものを取り上げ、簡単に紹介する。IE8は以下のリンクから入手でき
半角文字列の折り返し 〜HTMLの半角英数字〜
通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、折り返さない場合が多い。また、折り返しの条件はブラウザ毎に異なります。 文字列折り返し ブラウザ別サンプル Firefox と IE6 (PNG画像) IE7 beta 2 日本語版 (PNG画像) Opera と Safari (PNG画像) テキスト。実際（現在）の表示 mozilla系以外のブラウザの多くは、URL (URI) 等の連続する半角文字でも、ハイフン「-」等の一部の半角記号を区切りと認識し折り返しするようです。 CSSのword-break:break-all;、word-break:keep-all;はIE独自の仕様なので、IE以外では通常通りの挙動。つまりCSSによる折り返しはされない。Safari,Operaのサンプルでは、半角文字が折り返しさ
【レポート】IE9が100% HTML5互換を達成? | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 現在開発が進められているIE9 PPの各種テストの結果がInternet Explorer 9: Testing Centerにおいて公開されている。Firefox、Chrome、Safari、Operaの最新リリース版で同様の試験を行った結果も同列に掲載されており、ブラウザの新技術対応状況がわかるようになっている。 Internet Explorer 9: Testing Center Internet Explorer 9: Testing Center しかし、どうやらこれはすべての網羅した表ではなく、IE9で動作したものを集めた試験結果で、現状をそのまま反映したものではないようだ。ためしにThe HTML5 testでHTML5スコアを計算すると、IE9 PPとIE8のスコアはきわめて低い。もっとも高い値を示すのはChrome
Firebug
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
ASCII.jp：HTML5のCanvasで作る、Flash不要のお絵かきツール｜古籏一浩のJavaScriptラボ
ペイント領域を設定する シンプルペイントの制作に取りかかりましょう。最初に、ペイント領域をcanvas要素として用意します。このcanvas要素には、スクリプトで操作しやすいように「myCanvas」というID名を付け、width属性とheight属性を指定します。ここでは横幅640ピクセル、縦幅480ピクセルにしました。 <canvas id="myCanvas" width="640" height="480"></canvas> このままだと、IE6～8などのCanvasに対応していないブラウザーでは何も表示されませんので、未対応ブラウザーの場合は次のようにメッセージを表示します。 <canvas id="myCanvas" width="640" height="480"> HTML5 Canvasに対応したブラウザーを使用してください。 </canvas> これで、HTMLの準備
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
United States