[B! ie] nyappawebのブックマーク

nyappaweb id:nyappaweb

ieに関するnyappawebのブックマーク (13)

:before 疑似要素を使ってテキストを画像に置換 - lucky bag
Image Replacement ︵背景画像置換︶ネタ再び。我ながらしつこいネタだけどキニシナーイ。とりあえず今回は、:before 疑似要素を使って、テキストを画像に置換してみるっす。残念ながら、IEは:before 疑似要素をサポートしていないんだけど、この方法による利点は画像オフ CSS オンの状態でも問題なくテキストを表示してくれるってこと。おそらく IE7 ではサポートされると思うんで、IE7 がそこそこ広まったうえで、それ以前のIEをバッサリ切り捨てる潔さがあれば、意外と使える方法かもしれない。 :before 疑似要素によるImage Replacement の仕組み :before 疑似要素と content プロパティを使うことによって、当該要素の前に生成内容を挿入することが可能になる。今回のImage Replacement ︵背景画像置換︶の仕組みとしては、
nyappaweb 2014/09/25
IE

IE7

Webdesign

CSS

tips

webデザイン

画像オフCSSオン
リンク
IE8以下で閲覧したユーザーに警告出すやつ | SANOGRAPHIX
nyappaweb 2013/02/27
IE

警告

message

design

web

coding
リンク
[Javascript]「こまけぇーこたぁいいんだよ！」な人の為のIE対応スクリプトまとめ
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる情報まとめのカテゴリです。正直話題としてはとっくに旬は過ぎていますがｗ一度まとめておきたいと思い。殆どのweb制作者達がこれまで頭を悩ませてきたであろうIE対応。web制作者の方々は﹁もうIE6対応なんかしなくていいじゃん﹂﹁対応するからいけないんだよ﹂という意見をお持ちの方も多いかと思います。特にIE6に対するコーダーの方達の恨みつらみは相当なもの。一言言いたい場合はとりあえず﹁爆発しろ！﹂とでもこちらでぶつけてみてください☆ (´・ω・｀) ie6bot – 腐った牛乳と呼ばれたブラウザが、しかし会社で制作をやっている方々はそうもいかないのが現実。私のブログでも今は対応が中途半端でしっかり出来ていないのですが…ｗこのブログにはなるべく早めに対策を施すつもりです。あと、これに関してはそのうち独自の対応をし
nyappaweb 2012/09/18
IE

ie

js

透過png
リンク
IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。配布元のDrew Diller’s bl
nyappaweb 2012/09/18
IE6

透過png

IE

js

webデザイン

javascript
リンク
2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About
CSSハックを使わずIEのバグに対処する方法(2ページ目)特定のブラウザに限定してスタイルを適用する方法として、ブラウザのバグを利用した「CSS Hack(ハック)」がよく使われています。IEでのみ表示がおかしくなる場合の対策なども紹介。
nyappaweb 2012/09/18
CSS

web制作

IE

cssハック

IE6

ie

html

css
リンク
HTML5 & CSS3のクロスブラウザー対応方法まとめ
この度、HTML5でWordPressのテーマを作成したわけですが、まだHTML5は勧告前の仕様であり、ブラウザーによっても実装状況はさまざまです。主要ブラウザーであるFirefox、Chrome、Safari、Operaについては、だいぶ実装が進んでいると言われていますが、Internet Explorer︵特にIE8以下︶については対応が大変遅れています。WebサイトをHTML5で作成した場合、現状ではどうしてもシェアの多いIEに対応させる必要があります。ということで、今回私が行ったHTML5とCSS3のクロスブラウザー対応策をまとめておきます。
nyappaweb 2012/09/18
html5

html

CSS

css3

IE

クロスブラウザ

Web制作
リンク
はじめてのHTML5　第1回『HTML5の基本の書き方を覚える』 | HTML5でサイトをつくろう
第1回テーマ第1回目のテーマは﹃HTML5の基本の書き方を覚える﹄とタイトルに書きましたが、ブログやサイトを作りはじめるには最初に必ず記述する文字がありますよね。例えば、﹁DOCTYPE宣言﹂や﹁エンコーディング﹂などです。 HTML5の場合、これらの情報はどうなるのでしょうか？今までどうりの記述方法なのか、それとも大幅に変更されているのか。これを知らなければサイトを作りを始めることができないと思い、第1回目のテーマにしました。では、具体的に今回のテーマ﹃HTML5の基本の書き方﹄とは、 HTML5でのDOCTYPE宣言の書き方 html要素と文字のエンコーディング HTML5がIEなど対応していないブラウザへ新要素への対応 HTML5に対応したリセットCSSの導入です。上記の条件をクリアして、サイト構築への準備を整えていきたいと思います。 HTML5でのDOCTYPE宣言の書
nyappaweb 2011/06/17
基本の解説

html5

IE
リンク
嫌われまくりのIE6の現状と仲良く付き合う方法
2017年7月14日 Web関連記事, 便利ツール TwitterでWeb屋さんのつぶやきを見ていると﹁IE6のせいで…﹂﹁IE6さえなければ…﹂なんて声がよく聞こえてきます。産みの親からも見放されつつあるInternet Explorer 6。一体なぜここまで嫌われているのか？どれほどの人が涙を流してきたのか？そんなIE6と付き合っていく方法は？IE6にまつわる情報を簡単にまとめてみました。 ↑私が10年以上利用している会計ソフト！ IE6のシェア 2001年に世にリリースされたInternet Explorer 6。通称IE6。リリースされて10年たった今も色んな意味で話題のこのブラウザーを使っているユーザーは現在どれくらいいるのでしょう？マイクロソフトが︵！︶IE6撲滅のため﹁Internet Explorer 6 Countdown﹂というサイトで世界中でIE6がどれくらい使われ
nyappaweb 2011/06/07
ie6

IE

web制作

ブラウザ
リンク
My DebugBar | IETester / HomePage
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
nyappaweb 2011/05/27
IE

webデザイン

ツール

ブラウザ

browser

ie

web制作

windows

確認
リンク
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ユーザーの閲覧環境がますます多様化！4月26日、ついに日本でもInternet Explorer︵以下、IE︶9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。IEのみならず、Firefox、Safari、Google Chrome︵以下、Chrome︶など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。そうした流れの中で、必然的に欠かすことができなくなる知識が、この﹁プログレッシブ・エンハンスメント﹂という概念です。プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
nyappaweb 2011/05/26
クロスブラウザ

プログレッシブエンハ

ブラウザ

IE

CSS3

html5

css

webdesign

HTML5
リンク
[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ
nyappaweb 2011/05/25
古いIEに別CSSを当てたいとき

web制作

tips

CSS

IE

まとめ

クロスブラウザ
リンク
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark
基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。
nyappaweb 2011/05/14
cssテクニックまとめ

css

web制作

まとめ

Webデザイン

tips

デザイン

css3

IE
リンク
IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意‥下記ページはスタイルシートで少しだけ調整しています。全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが文字コードで変わったり、かなり比較し難いものになったため。後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8　　HTML 4.01+EUC-JP　　HTML 4.01+SHIFT-JIS XHTML 1.0 サンプルXHTML 1.0+UTF8　　XHTML 1.0+
nyappaweb 2011/05/09
html

web制作

IE9

IE

webデザイン

ブラウザ
リンク
1