getComputedStyle()を利用した既読チェック
COLLECTION & COPYのそのリソースを訪問済みか判定するやHatebu Addictionなどで使われている既読チェック。これらとは違う、getComputedStyle()メソッドを利用して文字色を取得し訪問済みリンクの文字色かどうかをチェックという手法で既読チェックを実現している、Jeremiah Grossman: I know where you've beenというページを見つけた。FirefoxやSafariなどではこれで既読チェックが可能。 getComputedStyle()メソッドはstyle属性やJavaScriptで設定されたスタイル以外のスタイル情報をまとめて取得するメソッドで、ComputedCSSStyleDeclarationオブジェクトを返す。そして、ComputedCSSStyleDeclarationオブジェクトのgetPropertyVal
void element blog: AIRにドラッグ＆ドロップできるものについて調べてみた
AIRアプリにドラッグ＆ドロップするためには、NativeDragEvent.NATIVE_DRAG_DROP についてイベントリスナ登録する必要があります。 そこで登録したイベントハンドラが呼ばれる際に引数として渡される NativeDragEvent インスタンスに transferable というプロパティ（TransferableDataインスタンス）があり、そこにドラッグしたデータの情報が全て格納されています。 せっかくなのでどういったものをドラッグすると、どういったデータが AIR に渡されるか調べてみました。 ■Firefoxで表示した Web ページのリンクテキストをドラッグした場合 １．TransferableFormats.URL_FORMAT リンク先URL ２．TransferableFormats.TEXT_FORMAT リンク先URL＋テキスト ■Firefox
はてなスターの誤送信防止にConfirm(確認フォーム)を出すGreasemonkey Script - os0x.blog
はてなスターを誤って押してしまう件の防止用です。デフォルトでは、はてなドメイン上でしか動作しません。 http://ss-o.net/userjs/confirmhatenastar.user.js Opera、Firefox対応。まだ確認してないけど、Safariでも問題ないはず。 以下、動作説明だけど、読まなくても何となく使えると思う。 ☆+ボタンをクリックした際に、送信するURLと題名、引用(選択中のテキスト)を簡易フォームに表示します。 フォームには「OK」と「キャンセル」の選択肢が出るので、「OK」を押すとはてなスターが送信されます。 ページを読み込み直すまでの間は確認画面は表示されません(ページ内に複数のスターがある場合、確認画面がでるのは最初に押したスターだけという点に注意してください)。 「キャンセル」を選んだ場合、送信は中断されます。もう一度クリックした場合は初回と同じよ
キーワードを弓で打って遊ぶ、「PATAPON(パタポン)」オリジナルミニゲームの提供開始について【12/16(日)まで】 - はてなダイアリー日記
本日から 12/16(日) までの間、はてなダイアリーキーワード上で、PSP用ゲームソフト「PATAPON(パタポン)」の登場キャラクターを使ってお楽しみいただける、はてなオリジナルミニゲームの提供を開始いたしました。 例：パタポンとは - はてなキーワード キーワードページ上に現れる目玉のキャラクター「パタポン」を操作して、ページ内のキーワードリンクを弓で打ってお楽しみいただけます。また遊んだ後のスコアはキーワードごとに集計され、ゲーム画面の「スコア」をクリックして、そのページで遊んだことのある他のユーザーのスコア記録をご覧いただけます。 期間中にはてなダイアリーキーワードにアクセスすると、ページの左上に「パタポン」が待機しているので、このパタポンをクリックすることでゲームが開始されます。より詳しい使い方については、開始時に表示されるパタポンによる解説をご覧いただければと思います。 ※ゲ
Safari for Windows - 最速チュパカブラ研究会
※ この記事は一部obsoleteです。こちらに新しい情報があります 各所で既報のとおりSafariのWindows版が登場したので、ダウンロードして使ってみました。このまえcairo版のバックエンドは未実装だらけで*-shadow系のプロパティの実装はまだまだ先かなとか書いたんですが、 この通りしっかり実装されていてたまげました（box-shadowも実装されています） trunkのソースを見てもcairoバックエンドは放置されたままなので、どういうマジックを使ったのか不思議だったのですが、 この通り。CoreGraphicsを丸ごと移植するという手を使ってきました。表向きには「cairo版も用意してみたけど、ちょっと厳しいかなーへへへー」とか思わせつつ裏ではCoreGraphicsをせっせと移植していたわけですね。これだからあのハゲオヤジは油断なりません。 で、このCoreGraphi
contentEditable のサポート - えむもじら
Mozilla Links の記事によると、Firefox 3 の trunk で contentEditable がサポートされました（Bug 237964）。 contentEditable というのは IE5.5 からサポートされたようで、div に contentEditable="true" とか書いておくとその要素がブラウザ上で編集可能になるというものです。IE5.5 以降と Opera、Safari はすでにサポート済みということですが、Firefox は table や画像の編集機能もサポートしています。詳細は Mozilla Links のアニメーションとサンプルページを見てください。以下にも簡単なサンプルをのせました。 ただ、今のところいろいろおかしいところがあって、例えば編集時にカーソルが表示されないとか、ページ内に1箇所でも contentEditable="tru
Safari3にinsertAdjacentElementが実装されている。 - Thousand Years
Safari3対応のinsertAjacent.jsをつくろうかなと思って調査したところinsertAdjacentElementは既に搭載されてました。insertAdjacentHTMLとかinsertAdjacentTextは現段階では実装無。 サンプル // true alert('insertAdjacentElement' in HTMLElement.prototype); // false alert('insertAdjacentHTML' in HTMLElement.prototype); // false alert('insertAdjacentText' in HTMLElement.prototype); <html> <head> </head> <body> <div id="foo">Hello</div> <script type="text/java
UsingSafari2WithSafari3PublicBetaInstalled – WebKit
Abstract After installing the Safari 3 Public Beta, the original Safari 2 application and WebKit frameworks get archived. This page describes how to extract them in order to use Safari 2 for testing purposes. Setup Open a Terminal window. Create a directory to save the Safari 2 application and WebKit frameworks. $ mkdir ~/Safari2 Change directories to the directory created in Step 2. $ cd ~/Safar
CSS Animation
We have another cool new CSS feature to talk about: animation specified in CSS. There is a lot of ground to cover here, so we’ll start with the basics first. The simplest kind of animation that we’ve added support for is called a transition. Normally when the value of a CSS property changes, the rendered result is instantly updated, with the element in question changing immediately from the old pr
第10回 スクリプトインジェクションが無くならない10の理由 | gihyo.jp
SQLインジェクション対策は非常に簡単です。しかしブラウザに対する「スクリプトインジェクション」はなかなか無くなりません。スクリプトインジェクションが無くならない10の理由をあげてみます。 複雑な攻撃経路と対策 前回紹介したように、ブラウザに対するスクリプトインジェクション攻撃の経路は3種類あります。エスケープ方法も数種類あります。すべての出力を完全にエスケープできればセキュリティ維持も容易になりますが、タグや属性を出力したい場合もあるため、必ずしもすべての出力をエスケープできるわけではありません。さらに攻撃手法にも、サイトをまたがった攻撃、直接攻撃、間接攻撃などパターンがあります。エスケープできないデータへの不正なスクリプトの挿入を防ぐには、データの起源までさかのぼり安全性を確保しなければなりません。ブラウザに対するスクリプトインジェクション対策はデータベースサーバへのSQLインジェクシ
iPod touchで無線LANのブラウザ認証を楽にするbookmarklet - おぎろぐはてな
[2008/01/06追記] 任意のサイトで同じようにbookmarkletを作るためのbookmarkletを作りました。こちらの記事もあわせてご参照ください。 iPod touchを買いました。屋外では無線LAN難民の毎日を過ごしています。 有料の無線LANアクセススポットを利用する際には、無線LANのセキュリティに加えて、ブラウザでの認証が必要であることが多いです。しかし、これをiPod touchで都度入力するのはちょうめんどくさいです。パスワードの保存も、ハードウェアキーボードも、ペーストもできないし。 そこで、iPod touchのSafariでは、bookmarkletが動かせるということで、何のひねりもないbookmarkletを作ってみました。仕組みは単純で、フォームのIDとPassの箇所に値を入れて、form.submit()してるだけ。とりあえず、NTT Commun
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォーカスされている要素を取得する方法 - sawatのブログ
勝手に添削に勝手に横レス(全力で) - ミラクル☆モテメンの脱オタ日記
MacOSX をお使いの方に質問です。 Windows から MacOSX に Switch したのですが、気づけばあまりフリーソフトの類を使っていないことに気づきました。ターミナルから使うコ.. - 人力検索はてな
Twitter / TOYAMA Nao: <script src="...">my ...