オンラインでクロス・ブラウザテストができる「BrowserStack」を試してみた
エミュレータをインストールしたり、仮想環境を構築したりと、ブラウザのテスト環境を整えるのはなにかと大変なので、オンラインサービスの「BrowserStack」を試してみました。1ユーザで毎月19ドルの有料サービスなんですが、まずは30分の無料体験を試してみました。モバイル・ブラウザもテスト出来るということで期待したのですが… 結論から言ってしまうと テスト環境まだ構築していないのなら、こういうサービスを使うのもありです サクサク動く感じではないが、耐えられるスピードです IE6の本物を使えるのが嬉しい。 それだけで、このサービスにお金払う価値があるかもしれません Mac OS Xの複数バージョンが使えるのが嬉しい モバイル版は期待はずれでした。 エミュレーターを使えるようになっているだけなので、あまり意味がないかもしれません 個人的にはIE6やIE7でも基本動作は検証したいので、仮想のもの
【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理
IE7 バグ 早見表 by nobu
CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値
DD_belatedPNG / jQuery.belatedPNG についてメモ的な | プログラマ気分
一定期間更新がないため広告を表示しています
保存版！CSS3セレクタの説明書
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
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
IE6・7・8の表示確認が出来るマイクロソフト製（無料）「Microsoft Expression Web SuperPreview」を試してみた
「複数のInternet Explorerのバージョンを同時起動してサイトの表示確認をしたい！」という方には、もうすっかりIETesterがおなじみですが、とうとうMicrosoftからもそんな要望に応えてくれるソフトがフリー（無料で）提供開始されたみたいです。 Microsoft製という事はオフィシャルなソフトな訳で期待も膨らんじゃいますよね。 『IETesterは便利なんだけど、いまだにちょっとだけ不安定なんだよなぁ』なんて思ってた所なので早速試してみました。 インストール手順などは下記から。 ●Microsoft Expression Web SuperPreview for Windows Internet Explorer 対応OS：Windows XP / Vista / 7 言語：英語 「SuperPreview」は（最大）IE6、IE7、IE8でのWEBサイトの表示を再現す
[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js
CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量（894bytes）のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左：ファイル名、右：スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ
IE7からのCSSの小難しいセレクタやプロパティいろいろ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
こんな成果物は嫌だ。 コーディングディレクション編 - Vox
コーディングに入るときに、こんな成果物は嫌だ！ ということでコーディングディレクションにおける成果物を洗い出そうという試み。 成果物といっても修正指示まで入れると、いただくドキュメントすべてという感じですね。 注意点１．念のため、一応書いておきますが、特定の誰か・何かを非難するものでは全くありません。 心当たりがあったからといって、うちが恨んでいるという話では全くないのですが、 勘違いされる方がいらっしゃったら先に謝ります。すみません。 注意点２．これ、制作会社の方から発注があることを前提に書いています。Web制作でエンドユーザーからだったら、こんなに虫の良いこといいません。これをそろえるのがディレクター（うちがやることもありますが）の仕事だ、というつもりで書いています。 注意点３．嫌みっぽく見えたらごめんなさい。文章のノリの都合上の問題です。 注意点４．ディレクターって大変ですよね。まじ
CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ
SUN ENGINE (サン・エンジン)
404 Not Found 指定されたURLは存在しません。 URLが間違っているか、ファイルが移動した可能性があります。 » トップページへ戻る
いままでありがと、IE6。をした方が良いかも...な色々。
ホントに長い間王座に君臨し続けた Internet Explorer（以後：IE）6 ですが、制作者の願いとしては大半の人がIE6 の使用を止めて欲しいと願っているかと思います。 ボクもその一人なんで、以前「IE6で閲覧すると。」なんて記事も書いてます。 IE6を使っている人が他のブラウザに移行しない理由の一つとして「移行する必要が無いから」ってのが大きいのかなーと個人的には思います。 IEのバージョンを上げると社内のシステムが～とかは、社内のシステムを閲覧する時用ブラウザとして使えば良くて、別のブラウザを使うことは出来るんじゃないかな。 まぁ大きな会社は、何かインストールするだけでも許可が必要とか色々事情は有るんでしょうけど、それでも乗り換える必要がやっぱり無いんでしょうね。 だって、普通にサイトを見るだけならIE6でそんなに困らないですからね。 ここで言ってる「移行する必要」ってのは、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://fukuyama.co/imagealpha
IEでpngを使った際に起きる不具合を防ぐプラグイン