2010-11-01から1ヶ月間の記事一覧
Adobe Acrobat、Adobe ReaderのTipsを紹介します。 表示領域をできるだけ広くしたい 「Ctrl + L」でフルスクリーンモードになります。 表示領域を広くしたいけど、フルスクリーンモードは使いづらい F8でツールバーが、F9でメニューバーが非表示になります。…
多くの書籍は、本文以前のページ（前書きや目次の書いてあるページのこと。以降は「前書き」と記載します）は、本文とは別に採番されています（たいていi,ii.iii...のスタイル）。 スキャンしてPDF化した書籍のページ番号は1からの連番なので、書籍のページ…
ここまでのjQuery関連のエントリのまとめです。 エントリ jQueryをはじめました - プログラマーな日々 DOM要素の作成、操作、挿入 - プログラマーな日々 jQueryで種類を指定してフォーム要素を選択する - プログラマーな日々 グローバル名前空間での競合を回…
QUnitを使うとJavaScriptのユニットテストを自動化できます。テストには以下が必要です。 testsuite.cssのインクルード testrunner.jsのインクルード idが"main"のdiv 詳細はソースコードを見てください。 ソースコード <html> <head> </head></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="contents"></div> <input id="load" type="button" value="load" />…</body></html>
jQuery UIにはテーマと呼ばれるCSSのセットが用意されています。これを適用することで一貫したスタイルを実現できます。テーマはこちらからダウンロードできます。 Download Builder | jQuery UI以下のエントリーで作成したページにテーマを適用してみます。…
マウスホバーをトリガーにしたトグルメニューのサンプルです。 動作 ナビゲーションメニュー メニュー１ メニュー２ メニュー３ メニュー４ メニュー５ (function ($) { function initDropdown() { if (!$('ul.dropdown').length) { return } // ナビゲーシ…
ソースコード 「jquery-ui.js」をインクルードする必要があります。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <label for="month">月選択</label> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <fieldset> <legend>Reasons to be happy</legend></fieldset></body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="first" type="button" value="first" /> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="binding" type="button" value="bind" /> </body></html>
toggleメソッドで表示／非表示を切り替える ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="bar" type="button" value="fooまでスクロール" /> </body></html>
自宅にある書籍を整理しようと、ScanSnapと裁断機を購入しました。ScanSnapは机上に置いても違和感がないほどコンパクトです。それでいて「両面・片面20枚/分」の性能を実現しています。（私の感覚ではもっと速くほとんどストレスを感じません） 購入したモ…
私はiPhoneをもっていますが、電子書籍を購入したことはありません。ScanSnapで書籍をPDF化しているので、今のところはそれで間に合っています。というわけで、ScanSnapの私の設定を紹介します。 「アプリ選択」タブ 様々なアプリを選択できますが、私は「指…
以前は「about:flags」の実験的な機能だったオムニバーのGoogleインスタント検索が、オプションの設定で提供されています。（バージョン9.0.570.0で確認）
私は繰り返し使いそうなメールはすべてテンプレート化します。 テンプレート化する メールの宛先、件名、本文を書いてから「名前をつけて保存」で「Outlookテンプレート」として保存します。（デフォルトのフォルダに保存すると使いづらいので適当な場所に変…
JavaScriptの簡易プロファイラです。（jQueryクックブックより）jQueryクックブックposted with ヨメレバjQuery Community Experts オライリージャパン 2010-08-18 Amazonで購入Kindleで購入楽天ブックスで購入7netで購入hontoで購入e-honで購入 紀伊國屋書…
ソースコード eachメソッドでjQueryオブジェクトの各要素にfunctionを適用します。 <body> <div id="days"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script> <script type="text/javascript"> (function ($) { var days = {Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3, Thursday:…</body>
ソースコード eqメソッドでインデックスを指定して要素を選択します。 <body> <p>セリーグ</p> <ol id="central"><li>中日</li><li>阪神</li><li>巨人</li><li>ヤクルト</li><li>広島</li><li>横浜</li></ol> <p>パリーグ</p> <ol id="pacific"><li>ソフトバンク</li><li>西武</li><li>ロッテ</li><li>日本ハム</li><li>オリックス</li><li>楽天</li></ol> </body>
競合を回避するため、グローバル名前空間の汚染はできるだけ避けたいものです。jQueryでは以下の書き方でスコープを限定することができます。 <script type="text/javascript"> (function($) { // ここで使う"$"はスコープが限定される。 })(jQuery); </script> 仮引数が"$"の匿名関数を定義し、jQuer…
