クソ酷いウェブサイト

2017/05/31 1508 users Polyfill アワード クソ野郎 最強 お前

これはクソ酷いウェブサイトだ と同時に最強のウェブサイトでもある。 他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろう？　お前は13MBのパララックス効果付きのクソ重いページがバカらしいデザイン・アワードを取るとでも思ってるんだろう？ お前は40パウンドあるjQueryファイルと83の polyfill がIE7をまともにさせると思ってるだろう？　お... 続きを読む

「position: sticky;」より便利！スクロールしたらヘッダやサイドバーがぴたっと貼り付くスクリプト -Fixed Sticky | コリス

2017/04/26 84 users sticky コリス position ヘッダ スクリプト

HTMLは汚さずに、ヘッダ、ナビゲーション、サイドバー、ボタンなど、さまざまな要素をスクロールした際に指定した位置にぴたっと貼り付けるスクリプトを紹介します。 IE7+からサポートされており、「position: sticky;」の代替になる便利なスクリプトです。 Fixed Sticky- GitHub Fixed Stickyの特徴 Fixed Stickyのデモ Fixed Stickyの使... 続きを読む

オーストラリアのネットショップKoganがIE7のユーザに購入価格の6.8%を懲罰課税 | TechCrunch Japan

2015/11/13 181 users ユーザ オーストラリア TechCrunch JAPAN

オーストラリアのオンラインショップの開拓者として20代で大富豪になったRuslan Koganは今、消費者電子製品の製造販売サイトKogan.comのファウンダとして、1億ドルあまりの年商を誇っている。しかしこの際重要なのは、そんなことよりも彼が騒ぎを起こすことが大好きで、自分がだめだと思ったものをやっつけるのを恐れないことだ。 そんなKoganが今日（米国時間6/13）のブログ記事で、彼の会社が... 続きを読む

CSSだけで作る「多階層」なドロップダウンメニュー｜Webpark

2013/10/15 144 users Webpark 矢印 階層 CSS 擬似要素

以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にす... 続きを読む

【CSS3】メディアクエリをIE7、IE8でも使えるようにする at softelメモ

2013/05/13 57 users メディアクエリ CSS IE8 CSS3 script src

2013/04/12 / Category css, html5 問題 あら？IE8はメディアクエリ（cssの@media何々）使えないんでしたっけ？ 答え IE9からはメディアクエリが使えるけど、IE6、IE7、IE8は使えない。 こちらのスクリプトを使うと、何とかなるでしょう。 <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js... 続きを読む

バージョン別セキュリティ既定値一覧表 - IE デベロッパー センター

2013/03/22 57 users センター IE6 IE9 IE1 セキュリティ設定

更新日: 2013 年 2 月 15 日バージョン別セキュリティ既定値一覧表　セキュリティ設定 [IE6/Windows XP SP3 | IE7/Windows Vista Enterprise | IE8/Windows 7 Enterprise | IE9/Windows 7 Enterprise | IE10/Windows 8]バージョン別セキュリティ既定値一覧表 詳細設定 [IE6/I... 続きを読む

[JS]IE7からスマフォまで全サポート、画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス

2013/02/12 191 users YouTube jQuery Vimeo コリス swf

画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 iLightBox iLightBoxの特徴 iLightBoxのデモ iLightBoxの特徴 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画（HTML5, YouTube, Vimeoなど）、Flash/swf, Google ... 続きを読む

古いIEでも無事動くか？–Webサイトの互換性テストサービスmodern.IEをMicrosoftが立ち上げ

2013/01/31 216 users Microsoft 古いＩＥ デベロッパ 手直し Webサイト

Microsoft自身がいくら変えたいと思っていても、いまだに古いバージョンのInternet Explorerを使っている人は多い。そのためデベロッパは、自分のWebアプリケーションが、たとえばIE7やIE8で無事に動くよう、テストや手直しに余計な時間をかけなければならない。IE9とIE10は、Microsoftが懸命にHTML5やCSS3などの標準規格の忠実な実装に努力した。そして、今や古いI... 続きを読む

シンプルで使いやすく、IE7にも対応可能なレスポンシブWebデザイン向けフレームワーク・BASE - かちびと.net

2012/09/17 94 users net base フレームワーク レスポンシブWeb デバイス

結構良さそうなフレームワーク だったのでメモがてらご紹介。 シンプルなレスポンシブWeb デザイン向けフレームワーク・ BASEです。IE7にも対応可能だそ うです。 IE7でも表示が崩れず、スマフォ等の幅狭なデバイスにも対応できるレスポンシブなWebデザイン向けのフレームワークです。 BASE 個人的には好みのフレームワークでした。多分使わせてもらう事になりそう。IE7でも表示が崩れないクロスブ... 続きを読む

[JS]これはかなりの優れもの！iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider | コリス

2012/07/19 97 users iOS コリス スライダー スクリプト iOS用

[JS]これはかなりの優れもの！iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider iosSlider iosSliderの特徴 iosSliderのデモ iosSliderの使い方 iosSliderの特徴 ハードウェアアクセラレイト iOS, Android, Webkit系ブラウザ用にCSS3を使用します。 レスポンシブデザイン デスクトップ、スマートフォン、タ... 続きを読む

シンプルなデザインが嬉しい、IE7もサポートしたレスポンシブデザイン用のHTML5フレームワーク -Wirefy | コリス

2012/07/16 147 users コリス robots.txt jQuery フレームワーク

HTML, CSSだけでなく、jQueryやmodernizrなどJavaScriptやrobots.txtなど、ウェブサイトを構築する際の基本セットが揃ったレスポンシブデザイン用のフレームワークを紹介します。 Wirefy Wirefyの対応ブラウザとデバイス Wirefyのデモ Wirefyの対応ブラウザとデバイス WirefyはIE7をはじめ、すべてのモダンブラウザ、スマートフォンデバイス、... 続きを読む

[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2 | コリス

2012/06/10 132 users セレクトボックス jQuery コリス z-index デモ

セレクトボックスを美しいデザインにするだけでなく、各アイテムに画像を配置したり、タグやプレースホルダテキストや検索の対応、セレクトボックスのコントロールなど、さまざまなことができるjQueryのプラグインを紹介します。 Select2の対応ブラウザ Select2のデモと実装 Select2の対応ブラウザ Select2の対応ブラウザは下記の通りです。 IE8+ ※IE7はz-indexを使った一... 続きを読む

IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll | コリス

2012/06/10 723 users iPhone コリス クロスブラウザ クロスブラウザチェック

デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に... 続きを読む

[JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML | コリス

2012/06/06 294 users iPhone jQuery silverlight コリス

FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動... 続きを読む

IE7～8に対応したHTML5＋CSS3サイトを制作してみよう ～IE7～8のブラウザ対応をするための便利な方法をまとめました～ | HTML5でサイトをつくろう

2012/06/06 609 users ブラウザ対応 HTML5 ギミック 方法 Flash

HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5＋CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 また、CSS3を使用すればページ数の多い企業サイトやブログ、ユーザーの管理画面を必要とするようなサイトを制... 続きを読む

IE 6 / 7 からの自動アップグレードが国内でも3月中旬より開始 - Engadget Japanese

2012/03/06 68 users Engadget Japanese 自動アップグレード

2001年生まれの「腐った牛乳」こと Internet Explorer 6 が、ついに日本でも自動アップグレードの対象となります。これはマイクロソフトが世界的に進めている旧版 IE 一掃キャンペーンの一環で、IE6 / IE7 を利用している Windows XP SP3 ユーザには IE8 を、IE7 / IE 8 を利用している Windows 7 / Vista SP2 ユーザには IE9... 続きを読む

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

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

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

IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい | コリス

2011/12/14 466 users コリス jQuery class おさらい CSS

CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付... 続きを読む

これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成「ievms」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/11/18 254 users MOONGIFT Linux Linuxユーザ ソフトウェア

IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 0 続きを読む

IE7もサポート終了へ、グーグルが変えた業界の慣習 - 記者の眼：ITpro

2011/06/06 180 users Gmail くら ブラウザー ITpro 慣習

昨年Internet Explorer（IE）6のサポートを打ち切ったグーグルが、今度はIE7のサポートまで打ち切ることを表明した。同社のブログによれば、8月1日をもって「Firefox 3.5」「IE 7」「Safari 3」のサポートを打ち切り、これらのブラウザーではGmail、Google Calendar、Google Talk、Google Docs、Googleサイトといった同社のクラ... 続きを読む

とっけん-特殊文字・文字実体参照検索エンジン- | Just another WordPress site

2011/05/11 71 users コピペ 辞書登録 ブックマークバー Web計 画角

特殊文字・実体参照を簡単に検索できます。 コピペ、辞書登録にどうぞ。 ブックマークバーに入れてお使いください。 ※IE7だと動かないっぽいです。 こちらもどうぞ。webデザイナー向け黄金比・白銀比、画角などのかんたん計算　Web計。 続きを読む

スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net

2011/03/10 160 users net サイドバー 位置 CSS 備忘録

気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率... 続きを読む

[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法 | コリス

2011/02/27 266 users IETester valid Opera Safari コリス

デモ紹介1. 条件付きコメントの利用2. CSS Hackの利用3. 条件付きのHTML classデモ紹介デモページは、下記のように設定されています。スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど）背景色がグレーIE8背景色がピンクIE7 or IE8互換モード背景色がグリーンIE6背景色がブルー下記はデモページをIETesterで表示したもので... 続きを読む

IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog

2011/02/17 153 users Mach3.laBlog メモ opacity height

透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。サンプルコード例えば、こんなコード。.test {display:block;width:128px;height:128px;backgrou... 続きを読む

窓の杜 - 【NEWS】Microsoft、IEの互換性検証用にXP/Vistaの仮想マシンイメージを無償公開

2011/01/28 354 users Vista Microsoft NEWS 仮想マシンイメージ

NEWS（11/01/28　17:49）Microsoft、IEの互換性検証用にXP/Vistaの仮想マシンイメージを無償公開XP（IE6/7/8）とVista（IE7/8）を用意、利用期限に注意TweetCheck米Microsoft Corporationは26日、IEの互換性検証を目的とした「Virtual PC」用の仮想マシンイメージ「Internet Explorer Applicati... 続きを読む