昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
インターネット上のツールを呼び出したり、ソーシャルブックマークへワンタッチでブックマークしたりするのに、「ブックマークレット」と呼ばれるものをブラウザのツールバーに置いておけば便利な場合があります。 サービスサイトへのアクセスしてから作業を行うより手早く簡単ですので、お気に入りのサービスのブックマークレットを是非Firefoxのブックマークツールバーに置いてみてください。 今回は、そんなブックマークレットの中から、利用価値の高いものを10個ピックアップしてみました。 以下のブックマークレット名のリンクは、すべて配布サイトにジャンプするようになっています。 全てのツールは、表示されたページ内の「bookmarklet・・」と書かれた部分にあるリンク、またはブックマークレット名そのものをブックマークツールバーにドラッグ&ドロップすることによって追加することができます。 <例> 1.del.ic
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
更新: 2008年9月20日 Yahoo!ブログ (blogs.yahoo.co.jp)に演劇ライフのブログパーツ (engekilife.com)が貼れそうかどうか調べていたのですが、その過程でどうでも良いことを発見。 以下のように、img要素のsrc属性に javascript: で始まる値が吐かれてしまうというXSSの例がよくあります。
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える!便利でクールなFirefox拡張機能(アドオン)の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
document オブジェクトはブラウザによっては要素の配列や各種の要素にアクセスするためのプロパティを持っています。たとえば Internet Explorer では、ドキュメント内の特定の要素にアクセスするのに document.all[] が使われます。このような配列の多くは W3C の Document Object Model 仕様に含まれておらず、Firefox、SeaMonkey、Netscape 7 のような標準に準拠したブラウザでは JavaScript エラーの要因になります。 W3C W3C Document Object Model は、HTML ページのほとんどすべての要素をスクリプト処理可能なオブジェクトとして解放します。一般的に、W3C DOM の属性とメソッドは、DHTML プログラミングで使われていた独自のオブジェクトモデルより強力です。W3C DOM の
Summary ブラウザ 表示モード 表示領域の幅を取得するプロパティ 表示領域の高さを取得するプロパティ IE 6 標準 document.documentElement.clientWidth document.documentElement.clientHeight IE 6 互換 document.body.clientWidth document.body.clientHeight FireFox 1.5 標準 document.documentElement.clientWidth document.documentElement.clientHeight FireFox 1.5 互換 document.body.clientWidth document.body.clientHeight Opera 9 標準 document.body.clientWidth documen
今回、Wordpress 用プラグイン WP-AutoPager を作成した際、色々調べ物をしたことの自分用のまとめ。 マウスカーソル位置を監視する関数を実装したのだが、ブラウザの表示領域を取得するプロパティが DOCTYPE 宣言の有無、ブラウザの違いで違ってくるよと言うお話。 <!DOCTYPE > 宣言の有無によって、ブラウザが標準または互換モードで動作するのだが、その時参照すべきプロパティがブラウザによって変わってくる。 しかも IE6 の場合は <!DOCTYPE > 宣言は必ず1行目に無いとダメ。 <?xml version="1.0″ encoding="UTF-8″?> なんて XML 宣言が先頭に書いてあると後方互換モードになってしまいます orz スクロールバーで隠れている領域を含むサイズが取得できるプロパティ ブラウザ 標準モード 後方互換モード IE6
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
FirefoxでWebアプリケーション開発やデザイン作成などに活用できるエクステンションに「Firebug」がある。最新版は2007年4月24日(米国時間)に公開された1.05。その強力な機能と扱いやすいインタフェースには高い人気があり、WebブラウザとしてFirefoxを選択させる原動力にもなっているエクステンションだ。 今回、この人気のエクステンションに日本語版が用意された。 まず、日本語サイトが開設され、Firebugのプロジェクトサイトに「日本語版はこちら」というメニューが追加されている。 日本語化されたプロジェクトサイト また、エクステンションそのものも日本語化されている。日本語化されたプロジェクトサイトのエクステンションを導入すると、FirebugではなくFirebug Japaneseがインストールされる。実際に動作させてみると、メニューなどが日本語化されていることがわかるは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く