クソ酷いウェブサイト

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

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

オーストラリアのネットショップ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に対応させる場合は矢印を画像にす... 続きを読む

[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もサポートしたレスポンシブデザイン用の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で崩れてる！ そんな時にも慌てない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サイトといった同社のクラ... 続きを読む

スクロールした位置に付いてくるサイドバーを実装する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... 続きを読む

【レビュー】IE6、IE7、IE8、IE9をクラッシュさせる方法 | エンタープライズ | マイコミジャーナル

2011/01/17 419 users エンタープライズ マイコミジャーナル IE6 IE9 IE8

Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されて... 続きを読む

IE6/IE7/IE8/IE9の共存まとめ: 小粋空間

2011/01/16 332 users 小粋空間 IETester 共存 IE6 IE9

Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用＋IETesterでIE9を... 続きを読む

全画面をスライドとして使うダイナミックなナビゲーションを構築する2KB以下の軽量jQueryプラグイン - かちびと.net

2010/12/19 259 users ナビゲーション スライド net jQuery 全画面

全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いて... 続きを読む

この際だから覚えてしまいたいIE7からのCSSの小難しいセレクタやプロパティいろいろ

2010/11/20 486 users プロパティ CSS クロスブラウザ プロパティー セレクタ

そろそろIE6はいいかなーという今日この頃。これからクロスブラウザを目指すならIE7に標準をあわせてもいいかも。今までは使えなかったIE7からのセレクタやプロパティーをまとめてみました。IE7からならいろいろ効率的にCSSを書けそうですね！そろそろIE6のことは忘れて、IE7からのクロスブラウザを目指せばいいのかなーという気がしています。 CSSには今まではIE6のことを考えて使わなかったセレクタ... 続きを読む

[CSS]IEのhasLayout関連のバグと解決方法をまとめたサイト -hasLayout.net | コリス

2010/08/02 202 users コリス CSS エントリ パク IE6

IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。 hasLayoutについては、以前のエントリで紹介しているので参照ください。 IEでのCSSのバグを回避するhasLayout hasLayout.net バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグ... 続きを読む

わずか四文字でIE6/7/8を区別するCSSハック | コリス

2010/03/29 661 users コリス GRE CSSハック RED color

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettur+から紹介します。 Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters IE8とそれ以下 body { color: red; /* all browsers, of course */ color : gre... 続きを読む

小粋空間: CSS で table に斜線を引く方法

2009/10/25 287 users table 斜線 CSS relative position

CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に... 続きを読む