Browserhacks
What’s this? Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Press the first letter of a browser to jump to the according section, like F for Firefox. How to? Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targeted! Reminder! Please keep in mind using
1つのパソコンのChromeを複数のユーザーアカウントで共有できる新機能 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl
IEの異なるバージョンをテストする環境のまとめとそれぞれの特徴
IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ
IE6でテキストが二重表示されるバグ - 130単位
2カラムレイアウトのWebサイトを制作していて、おかしな現象に遭遇しました。IE6でのみ、ある部分のテキストが二重に表示されてしまうのです。 #container { width: 780px; } .leftarea { width: 200px; float: left; } .rightarea { width: 560px; float: left; margin: 0px 0px 0px 20px; } こんなcssで、rightarea内のテキストが leftareaの下あたりに重複して出現していました。 解決法1 IE6で、文字(画像)が複製されてズレる - Archiva http://archiva.jp/web/html-css/Duplicate_Characters_Bug.html 調べていて見つけたこちらの記事に、画像付きの解説が載っていました。最後のfloat
IE8での変化点一覧 + 備忘録 - latest log
IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass
IE8だとdisplay:noneのものをjQueyr.is(':hidden')で判断できない？ - ありの日記
今回やりたかったのは、テーブルの行を表示・非表示させるというもの。show(), hide()で制御するんだけど、押した瞬間にすでに表示済みかどうか判断するのにis(':hidden')で判断していた。こんな風に var row = $("#row1");// <tr>のオブジェクトを取得 if (row.is(':hidden')) { row.show(); } else { row.hide(); } これで、hidden(非表示）の状態だったら表示(show())するように、表示されていたら非表示(hide())にするようにしていたんだけど・・・。 IE6でもIE7でも問題なく動作するのになぜかIE8だとうまくいかない。is(':hidden')の結果は常にfalse。 そこで、hide()が呼ばれると内部でどうなっているのか見てみると、style属性にdisplay:noneをセ
Google Chromeのエクステンション30 – creamu
Google Chromeを使っている（アドオンがあるなら使いたい）。 そんなあなたにおすすめなのが、『30 Irreplaceable Chrome Extensions』。Google Chromeのエクステンション集です。 便利そうなのをざっとご紹介しますね。 Aviary Screen Capture キャプチャ（スクリーンショット）が撮れる Xmarks Bookmarks Sync Firefox、Safari、IEとブックマークを同期 Evernote Web Clipper Evernoteに簡単に投稿できる Chrome Gestures マウスの動きで「戻る」「進む」などを制御できる Google Similar Pages beta (by Google) よく似たページを探してくれる Feedly 雑誌のようなスタートページにできる。Google ReaderやTw
WebデベロッパーのためのChromeエクステンション18 – creamu
Google Chromeのエクステンションを探している。 そんなときにおすすめなのが、『18 Fresh Google Chrome Extensions for Web Developers』。WebデベロッパーのためのChromeエクステンション集です。 またいろいろと増えているようですね。 Picnik スナップショットを撮って画像編集できるアプリ、「Picnik」のChrome版 CSS Reloader F9を押せばCSSだけをリロードしてくれるエクステンション。Webサーバ上のファイルでないと（ローカルファイルだと）効かない Web Developer 有名なWeb DeveloperツールのChrome版。作者はFirefox版と同じ csscan 各要素のCSSプロパティーが確認できるアドオン Chrome Editor Chromeのブラウザ内で書けるエディタ Vali
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.watercolor-city.net/oldblog/blog/log/eid679.html
http://www.k-jouhou.info/~kanri-gamen/js/index.html
ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ | DesignWalker