タグ

JavaScriptとhtmlに関するsteropeのブックマーク (5)

  • target="_blank" のセキュリティリスク(デモ動画あり)

    HTMLを勉強する際に最初に覚えるものの1つにa要素(タグ)があります。HTMLのアイデンティティと言っても過言ではない、ハイパーリンクを実現する大事な要素です。 href属性に設定されたリンク先のURLをどのウィンドウ等に表示するかを決めるtarget属性というものがあります。任意の値を設定してウィンドウに名前を付ける事で、複数のa要素から同じウィンドウへリンク先URLを表示する事もできますし、常に新しいウィンドウを開く_blankのような、あらかじめ挙動が設定されている値もあります。 target="_blank" のセキュリティリスク リンクの開き方を決定するtarget要素ですが、この挙動を利用してリンク先からリンク元のウィンドウを操作できるというセキュリティリスクが公開されています。 Target="_blank" - the most underestimated vulner

  • localmdc

    localmdc Mozilla Developer Center の永久保存版です。 日語訳のないページは、英語のページで代用しています。 トップページ サイトマップ 索引 htmls.zip(1.7GB) Windowsヘルプ形式(chm) ローカルで閲覧でき、キーワード検索、テキスト検索ができます。 localmdc.chm(1.7GB) ソースコード mdc_source.zip(1.7GB)wgetで保存したMDCのページ群 謝辞 まずは、Mozilla Developer Network 様に感謝します。 MDN の Doc Center は、質の高い開発者向け文書を大量に公開していて、Web開発者にとって、なくてはならないサイトです。 次に、Gauche - A Scheme Interpreter 開発者の Shiro Kawai 様に感謝します。MDCの膨大な文書を変換

  • 社内でやったHTML(5?)プチ勉強会の資料 - Born Neet

    昨日社内でHTML(一応5)のプチ勉強会をやったので、資料を一応公開。 当日作った資料&超入門ということでかなり省略している部分や不正確なところもありますのでご了承下さい。 いやー社内勉強会の資料をブログで公開できるとか超幸せ! HTML5 超入門 おまけ 今回HTMLのプレゼンツールを使ってみようと思い、一番良さげだった、deck.jsを使って見ました。 勉強会中ローカルのサーバにアップして、資料からソースをコピペしてもらうようにしたので、間違いがあった時、リアルタイムで直して更新とかできたのが便利でした。 ただ、資料作成という観点ではやはりkeynoteとかの方が断然早いっす。 (HTMLで書くのは時間かかる…) 適材適所ですね。

  • HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘

    説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynotePowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。

    HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
  • 5分で作るOpera エクステンション

    Opera11が発表されましたが、皆様いかがお過ごしでしょうか。 開発者でない人でも、簡単に作れるOpera エクステンション。 作成するファイルは僅か5つ。 ・index.html ・background.js ・popup.html ・test.png ・config.xml 早速、作ってみましょう。 用意するものOpera 11 あと、圧縮ツール。zip圧縮出来るならば、何でも良いです。 実際に作ってみようまず、index.htmlを作りましょう。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>MyTest</title> <script charset="UTF-8" src="background.js" type="text/javascript"></script> </head>

    5分で作るOpera エクステンション
  • 1