【IE11対応】position sticky でスクロール中に固定表示する方法 | 実践的Web開発メソッド
スクロール量に応じて、要素を特定の位置に固定表示する方法をご紹介します。 数年前は、Javascriptを利用して、スクロールの量に応じてCSSのposition fixedを付け外しするような事をやっていましたが、position stickyを利用すると簡単に実装することが出来ます。 こちらにPosition Stickyのデモを作成しました。 メディアなどでよく見かけるような、スクロールしてもサイドバーが固定表示されるUIです。 position stickyとはMDN Web Docs によると、下記のように説明されています。 包含ブロックがフロールート (又はその中でスクロールするコンテナー) 内の指定されたしきい値 (例えば top に設定された auto 以外の値など) を達するまでは相対的な配置として扱われ、包含ブロックの反対の端が来るまでその位置に「粘着」するものとして扱
IE11のバグまとめ - Qiita
バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 （ただし、パフォーマンスが大幅にアップしたのは認める。） IE11はWindows10の場合、2025年までサポートが続きます。 https://support.microsoft.com/ja-jp/lifecycle/search/18165 ﾅﾝﾃ／(^o^)＼＼(^o^)／／(^o^)＼＼(^o^)／／(^o^)＼ｺｯﾀｲ もうね...アボカドまるごとバナナかと。 ちなみに今年の4月でVistaがサポート終了するので、1ヶ月後にはIE9を窓から放り投げてOKです。 https:/
OS XでInternet Explorer 11を利用する方法 - みこぼね
Mac OS XでInternet Explorer 11（IE11）を使う方法です。 OSXDailyの記事を参考に、OS X El CapitanをインストールしたMacBook 12インチRetinaディスプレイモデルで試してみました。 無料で取得できるMicrosoftアカウント（outlook.comやHotmailなどのメールアドレス）さえあれば費用は一切かかりません。 要するにリモートデスクトップアプリを使うのですが、サーバーを立てるわけでもなく必要なのはクライアントアプリだけで誰でも簡単にできると思います。 Parallels DesktopやVMwareなど仮想ソフトを使わずに手軽に利用できるのが最大のメリットかも。 スポンサーリンク 今回試した環境は、 OS X El Capitan 12インチ MacBook Retinaディスプレイモデル です。 MacでIEを使う
無料でMacでIEの表示テストをする方法
modern.IEでは仮想PCを使用したIEの表示テストツールが提供されてます。これを使用するとWindows以外のOSでも複数バージョンのIEのテストが行えます。 追記：modern.IEの日本語版ページが開設されました。 ホーム | Internet Explorer の検証がより簡単に | modern.IE はじめに modern.IEのVirtual toolsページではIEのテストツールが提供されてます。 「Local virtualization」では各OS、各仮想化ソフトウェア用のWindows&IEファイルが用意されてます。OSはWindows、Mac、Linux、仮想化ソフトウェアはVirtualBox、VMWare Fusion、Parallels、Virtual PCなどに対応しています。 ここではMacでVirtualBoxを使用してIEを起動させる方法を紹介しま
俺日記 : flashでhttps通信するときに気をつけること。
2011/5/916:40 flashでhttps通信するときに気をつけること。 Tweet たまの仕事ネタです。 flashを使ったアップローダーを試していたときに、IEだと正常にアップロードできるのに、FireFoxでは"IO Error #2038"というエラーが発生してアップロードできないということに遭遇しました。 いろいろと調べると、flashはhttpsに使うサーバ証明書について、自己署名したオレオレ証明書（正確にはオレオレ認証局から発行された証明書）はサポートしていないという情報が。 確かにテストサーバなので、正規の認証局の証明書は使っていません。（頼んでも発行もしてくれません） しかしながら、当然テスト用のブラウザにはIE、FireFoxともに、オレオレ認証局のルート証明書を手動でインストールしてあります。 そのブラウザにおいては、オレオレ認証局は正規の認証局と扱われるの
【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
IE6はﾀﾋぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます（既婚者が多いので残っている人は少ない）。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ：文書型定義 IE向け条件付きコメントで分岐処理
Windows XP Mode の再インストール (アンインストール) 方法 - Microsoft サポート
はじめに Windows XP Mode を使用すると、Windows 7 Professional、Ultimate および Enterprise Edition 上で Windows XP 用のソフトウェアを実行することができます。 この資料では Windows XP Mode の再インストール (アンインストール) 方法について説明します。 この資料は初級レベルから中級レベルのコンピューター ユーザーを対象にしています。 この手順には、コンピューターを再起動する操作が含まれます。この資料を印刷して手元に置いておくと便利です。 Windows XP Mode を再インストール (アンインストール) する前に Windows XP Mode を再インストールする作業の流れ Windows XP Mode を再インストールするための作業は、以下の 5 つの手順で進みます。 手順 1 : W
Windows 7 Home BasicでIE6、IE7、IE8を実行する方法
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Windows 7で提供されているWindows XPモードを利用すると、IE6とIE7、IE8があたかもWindows 7で共存しているように振る舞わせることができる。XPモードではWindows XP SP3の仮想環境が提供される。IE6とIE7をそれぞれ個別の仮想環境に用意すれば、あたかもひとつのWindows 7の中でIE6、IE7、IE8の3つのブラウザが動作しているように振る舞わせることができるという仕組みだ。 しかしXPモードはProfessional、Ultimate、Enterpriseエディションでのみ提供され、Home BasicやHome Premiumでは提供されない。コンシューマ向けのPCを購入した場合、多くのユーザが
Win2D 1.9.0 - new text features, high dynamic range colors, ink geometry, and Mandelbrot zooming demo - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
Download details: IE App Compat VHD
All MicrosoftMicrosoft 365OfficeWindowsSurfaceXboxDealsSupportSoftwareWindows AppsOneDriveOutlookSkypeOneNoteMicrosoft TeamsMicrosoft EdgePCs & Devices ComputersShop XboxAccessoriesVR & mixed realityPhonesEntertainmentXbox Game Pass UltimateXbox Live GoldXbox gamesPC gamesWindows digital gamesMovies & TVBusinessMicrosoft AzureMicrosoft Dynamics 365Microsoft 365Microsoft IndustryData platformMicros
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
【jQuery】IE + Ajax関連でいくつかの条件が重なった場合に表示されるエラーとその解決策 - すたら日記
【最終更新日：2010年10月23日】 基本事項〜IEについて〜Internet Explorerでは、NULLもしくは未定義の変数に対して、 存在しないメンバ変数を呼び出そうとするとエラーが表示されます。 var hoge; //または var hoge = null; var hoge = undefined; alert(hoge.fuga); //←存在しないメンバ変数 『'hoge.fuga' は Null またはオブジェクトではありません。』 他のブラウザでも、画面に表示はされないものの、エラーとして 判断されています。 Firebugでは『hoge is undefined』または『hoge is null』と 表示されます。 jQueryのAjax処理中に上のエラーが発生する条件 【実例】下記をIE7で開いてみてください。 前節と同じエラーメッセージが表示されます。 htt
IE8のレンダリングモードのメモ - まめ畑
今日、IE8 RC1が公開されました。 いよいよIEもVer8になるんですね。最近は、IEをめっきり使わなくなりましたが、やはり新バージョンが出ると聞くと試したくなりますね。 以前から、IE8自体は使っていて、Winows7βにも搭載されているので最近若干使用頻度が上がった感じがします。 IE8はセキュリティの強化やユーザの利用方法を利用した機能などが追加されていますが、何よりレンダリングの正確さが向上しています。 少しレンダリングについてのメモ。 詳しくは他のサイトで、DOCTYPE宣言によるQuirksモードへの切り替えの可否について詳細にまとめられています。 http://msdn.microsoft.com/ja-jp/library/cc288325(vs.85).aspxも参考になります。 IE8のレンダリングモードはご存知のとおり IE8標準準拠モード IE7標準準拠モード
blog.ipuheke.jp» Blog Archive » navigator.userAgentが誤認を起こす
Flash, AcrionScript, Design… and more某案件で、IE6 のみ制御を切り替えるJSを入れていたところ、クライアントさんの「IE8」で IE6 の振る舞いを起こしているとのご連絡が。そんな阿呆な。。と思って色々検索していたら、navigator.userAgen [...]
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
小粋空間: IE7 の CSS ハック
「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { ： [IE7用のスタイルを記述] ： } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します（下記）。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { ： [IE7以外のスタイルを記述] ： } *:first-child+html #banner { ： [IE7
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp