フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;
斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。 各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。 また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン
IEでattachEvent/detachEventする時はthisの扱いに注意する（JavaScript） - 小窓屋めがね
ということで、「IEさん、頼むよ...」っていう話。 JavaScriptのIE用イベントハンドラ「attachEvent/detachEvent」。これを使って呼び出したイベント内では、thisがwindowと解釈される落とし穴が。 下記のイベントをIEで実行すると、どうなるか、さっそく検証。 デモページ HTML JavaScript ボタンのラベル「送信する」がalertで返される、かと思いきや、結果は「undefined」。 これが、IEでattachEventした関数内では、「this」がwindowオブジェクトとなってしまうってこと。 つまり、detachEventもできず、はまるので注意。 じゃあ、どう書けばいいのか。 JavaScript（修正版） thisの代わりに「evt.srcElement」で、イベント発生元を取得すればよい。 と、ここまでがIEの話。 IE以
納期間近で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リセッ
リフトワの口コミや効果 | 悪い口コミはどんなものがある？また最安値はどこ？
リフトワの公式サイトについて商品説明（成分）・評判について マイナス5才印象の若見せ顔へ！ グーンとリフトケアしましょう♪ タイムリリース・ナノエッセンス処方 独自成分「ナノ化リフトン」配合のリフトワが医学誌に掲載されました。 「ナノ化リフトン」とは・・・引き締め成分 リフトニンエクスプレス を独自開発でナノ化。 顔の印象を作る表層と、肌弾力をつかさどる深層までをダブルで引き締めます。 ほうれい線はシミではなく、たるみが原因です。 老けて見られるたるみを、このリフトワで改善しましょう！！ 証明写真を撮った時や、地下鉄の窓に映った自分を見たときに、ハッ！とした瞬間ありません？ それは、顔のたるみ です。 悲しいけど現実・・・ いつもキチンとスキンケアしているはずなのに、と思っていても実は、年齢に合ったケアができていません。 若かりし頃のスキンケアと同じではいけません。 ・肌弾力の低下 ・皮下
IE 6, IE 7 の inline-block 考察 | ヨモツネット
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 混在でき
IE6、IE7、IE8におけるCSSの違い:マイコミさんでの記事。元ネタも利用して、サンプル含めきれいにまとめておくか ･･･ 【CSS】 サイト構築,創る,WEB,ホームページ制作,サイト制作,WEBプログラミング - 創るmetaboy
創るmetaboy TOP > CSSデザイン > IE6、IE7、IE8におけるCSSの違い:マイコミさんでの記事。元ネタも利用して、サンプル含めきれいにまとめておくか ･･･ 【CSS】 マイコミジャーナルからの記事。 ※マイコミさんは、時折こういう役に立つ記事掲載してくれるので ありがたい。いつも気にしてます。 ◆IE6、IE7、IE8におけるCSSの違いまとめ ( by マイコミジャーナル ) ※引用転載 Net Applicationsの報告 ・2009年9月におけるブラウザシェアは ・IEが65.71%で過半数のシェアを確保 ・バージョンごとにみると ・IE6 24.42%、 ・IE7 19.39%、 ・IE8 16.84%となっており、 IE6、IE7、IE8のシェアが拮抗 ・これまでのシェア変動から推測すると、 今後数ヶ月の間は3つのバージョンのIEが 似たようなシェアを持
CSS display:inline-blockを活用する方法と注意点 | エンタープライズ | マイコミジャーナル
Robert’s talk Webページの制作で水平リストが必要な場合にはフローレイアウトを使って要素を配置していくということがある。しかし、水平フローにさらに可変の高さを持った要素が入っていたり、それを垂直方向に複数行展開するということになると、なかなか面倒なことになってくる。ブラウザの幅に対応したり、ブラウザごとにデザインを揃えるということになると、頭を抱えることになる。 Robert Nyman氏がそうした場合の代替方法のひとつにdisplay: inline-blockを使う方法があるとし、CSS display: inline-block: why it rocks, and why it sucks - Robert's talkにおいて簡潔な説明とサンプルコードおよびその欠点を紹介している。display: inline-blockは要素をブロックとして作成しつつ、インライン
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6 | Envato Tuts+