若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA

2018/05/17 1056 users HTMLコーディング ICS MEDIA 地獄 温故知新 現代

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では主にIE6が全盛期だった2000年代のウェブサイト制作を振り返ります。昔からコーディングしている方は懐かさに浸ったり、そうでない方は現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / s... 続きを読む

IE11のバグまとめ - Qiita

2017/03/10 518 users 所感 備忘録 Qiita 補足 フィードバック

バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 （ただし、パフォーマンスが大幅にアップしたのは認める。） IE11はWindows10の場合... 続きを読む

深刻な脆弱性が見つかったInternet Explorer（IE6～11）を巡り全国各地の社内がコントでカオス : 市況かぶ全力２階建

2014/04/30 1026 users カオス コント 市況かぶ全力２階建 脆弱性 全国各地

【米安全保障省 ＩＥはハッカー攻撃にぜい弱】米国土安全保障省は、マイクロソフト社のインターネット・エクスプローラーについて、ハッカー攻撃にさらされる可能性があると指摘し、必要な対策が取られるまでは別のソフトを使うよう呼びかけました。http://t.co/QAJk9QSPiO— NHK科学文化部 (@nhk_kabun) 2014, 4月 29 午前中まとめ 情シス「IEを一時的に使用禁止」 皆「... 続きを読む

これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス

2012/12/25 726 users Parallels Sauce Boot Camp コリス

Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認がで... 続きを読む

ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI | コリス

2012/03/01 1316 users ウェブページ コリス UIコンポーネント オープンソース 通り

HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコ... 続きを読む

納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー | コリス

2012/02/01 638 users CSS コリス ターゲット レイアウト IEユーザー

まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題... 続きを読む

PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］

2011/07/25 618 users PNG 透過PNG gif ガラケー 手法

この記事は 約 3 分 で読めます。みなさん、Web用の画像の書き出しって最近どう使い分けしていますか？？ 私がWebデザインをはじめたころはIE6が全盛期だったこともあり、 あまり透過PNGを使うという選択肢がなかったのですが、 jsなどでコーディング時に対応できる手法が出てきた頃から透過PNGを多用するようになりました。 また、昔は一部のガラケーでGIFに対応していなかったり、 PNGに対応し... 続きを読む

divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック

2011/06/14 608 users スタディ ラッパー div 段階ごと CSS3

「」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに... 続きを読む

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17

2011/06/04 1224 users クロスブラウザ Twitter Opera コーディング 解釈

Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことです... 続きを読む

IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について

2011/05/07 900 users 出来栄え フォント 間隔 文字間隔 ヤバイ

IE9の不具合？IE9でフォントの間隔が不自然に狭くなる現象を調査しているうちに、色々と面倒臭い現象を発見しました。 IE9,不具合,字間,互換モード,DOCTYPE宣言などについて。 プライバシーポリシー IE9ヤバイ。悪い意味でヤバイ。サイト運営者によっては「これIE6より酷いんじゃない？」ってなりそうな出来栄え。一般ユーザーとして利用するにも、Webサイトが対応するまでは微妙に不便になりそう... 続きを読む

たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE | コリス

2010/07/14 1404 users コリス padding Eee background 一行

上記デモのスタイルシート ※クリックで拡大 「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。 適用前のCSS #myElement { background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } 「CSS3 PIE」... 続きを読む

IE6、7でも動いてくれる&実用性の高そうなjQueryプラグインまとめ - かちびと.net

2010/03/30 670 users jQueryプラグインまとめ net 実用性 Chrome

使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもあります... 続きを読む

わずか四文字でIE6/7/8を区別するCSSハック | コリス

2010/03/29 661 users コリス GRE CSSハック RED color

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettur+から紹介します。 Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters IE8とそれ以下 body { color: red; /* all browsers, of course */ color : gre... 続きを読む

窓の杜 - 【REVIEW】IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」

2009/12/17 744 users REVIEW 見栄え レンダリングエンジン Webサイト 画像

IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」v3.0.1776.0 初期状態では画面全体が縦に2分割されており、それぞれの側にIE6/7/8のレンダリングエンジンまたは任意の画像を割... 続きを読む

IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル

2009/10/16 541 users エンタープライズ CSS マイコミジャーナル IE7 IE8

IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つの... 続きを読む

GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう

2009/09/23 648 users Chrome 怨嗟 Chrom web Google

IE6を嫌いな人は多い。Webの至る所に、IE6に困らされた人たちの怨嗟の声がある。でも、会社がアップグレードしないからなどの理由で、いまだに使っている人も多い。そこでGoogleが、その対策に乗り出した。 Googleが開発したChrome Frameというブラウザ用プラグインは、Internet Explorerの中でChromeブラウザを体験させてくれる。もっと分かりやすく言うと、Chrom... 続きを読む

IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet | コリス

2009/09/15 768 users コリス ビヘイビア パク CSS チートシート

IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。 Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs チートシートは、レイアウトや画像などのCSS関連、ビヘイビア、JavaScriptなどの項目があり、下記にいくつかリストアップし... 続きを読む

CSSの実装状況で変わるボックスのデザイン方法

2009/08/01 970 users CSS 手法 テクニック ボックス 実装状況

Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わら... 続きを読む

覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

2009/06/18 1435 users バシャログ CSS FLO 定番テクニック 頻度

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを flo... 続きを読む

[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス

2008/04/25 677 users コリス min-width マージン 透過PNG CSS

CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ d... 続きを読む

IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス

2008/03/26 1039 users IETester コリス アプリケーション New Tab

IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester IETesterを利用するには、上記ページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができ... 続きを読む

IE6 と IE7 と IE8 を同じマシンで共存させる方法 - IT戦記

2008/03/24 543 users IT戦記 マシン IE7 IE8 standalone

結論から言うとJeremy Smith’s blog: Success! IE 6, 7, and 8 Running on Same Machine (Plus 5.5 and 5.01) に書いてある通りで IE8 をインストールInternet Explorer 7 running side by side with IE6. (standalone) | TredoSoft の IE7 S... 続きを読む

IE7とIE6を共存させる方法：まとめ | コリス

2008/02/13 649 users コリス スタンドアローン 共存 スタ 既存

IE 7の自動アップデートに伴ってだと思うのですが、当サイトで紹介した「IE7とIE6の共存」シリーズのアクセスが増えているので、既存のエントリーをまとめました。 リンク先や手順などは以前紹介した方法ではなく、最新のものになっています。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をベースに、IE6をスタンドアローンで起動する方法：その２ IE6をベースに、IE7をスタ... 続きを読む

IE6でよく遭遇するCSSのバグとその解決方法 | コリス

2008/01/21 830 users 意訳 コリス マージン CSS しま

Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしま... 続きを読む

IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル

2008/01/08 552 users エンタープライズ CSS マイコミジャーナル MSIE

Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表... 続きを読む