Sniff! 上記の記事で、IEを超シンプルに判定する方法が紹介されていました。 var isMSIE = /*@cc_on!@*/false; たったこれだけです。 IEの条件付コンパイルを利用しているようですが、IE5.01, IE5.5, IE6.0, IE7.0, FireFox2.0, Opera9.1.0 で問題なく動作しました。 うーむ。すばらしい。
Sniff! 上記の記事で、IEを超シンプルに判定する方法が紹介されていました。 var isMSIE = /*@cc_on!@*/false; たったこれだけです。 IEの条件付コンパイルを利用しているようですが、IE5.01, IE5.5, IE6.0, IE7.0, FireFox2.0, Opera9.1.0 で問題なく動作しました。 うーむ。すばらしい。
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み&フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ&ドロップなショッピングカート ドラッグ&ドロップなソート可能リスト JavaScriptのロギング&デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム&スライドショー スライドダウン&アップアニメーシ
DOM Tool (Muffin Research Labs) DOM Toolは、 HTMLからDOM生成用のJavaScriptを自動作成してくれるサービスです。 例えば、HTMLに次のようなコードを入力します。 <table border="1"> <tr> <td>こんなのはいかが?</td> </tr> </table> そして、"Create DOM Statements"ボタンを押すと、次のようなJavaScriptが生成されます。 var table1=document.createElement('table'); table1.setAttribute('border','1'); var tbody1=document.createElement('tbody'); table1.appendChild(tbody1); var tr1=document.creat
A List Apart: Articles: Text-Resize Detection Furthermore, you won’t want to serve bite-sized content to visitors with large resolutions just to cater to visitors with smaller resolutions?if you can avoid it. フォントサイズの変更をJavaScriptによって検地する方法。 ブラウザの文字サイズを変更した際に、JavaScript によってそのイベントを検出するライブラリ&サンプルが公開されていました。 これを活用することで、次のように、フォントサイズを変更した際に特定のイベントを発生させることが可能になります。 コードは次のような感じ。 <!DOCTYPE HTML PUBLIC "
Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ... 次の記事 ≫:2006年プログラミング言語人気ランキングTOP20 JavaScriptで使えるカラーピッカー作成ライブラリまとめ。 フォームでHTMLの色情報を入力してもらう際に非常に便利なJavaScriptで出来たカラーピッカーライブラリ。 種類も多数あったので試用&まとめてみました。 Yahoo! UI Library ダウンロード後、examples\slider\ 以下に存在 インクルードすべきファイルが多く、設置がやや面倒。 ポイントした位置にスライドアニメーションしてくれてちょっとカッコいい。 dhtmlgoodies Color picker Color picker Adv 設置は比較的簡単。表示される色が不規則に並んでいるのが少々気になる点。 script.aculo.us
BrainJar.com: Bride of Windows This article looks at building dynamic displays that provide a window for content. These windows can manipulated dynamically by the user, either by dragging or using a set of control buttons.Windows9Xなテーマの同一ウィンドウ内ポップアップ窓作成JavaScriptサンプル「Bride of Windows」 次のように同一ウィンドウ内に Windows9X 風ウィンドウを作るサンプルが公開されています。 もちろん、ドラッグや閉じる/縮小ボタンも動作します。 これだけ Win9X に似せることで、Windows利用者にとっては物凄く直
2007年03月30日03:30 カテゴリLightweight Languages javascript+CSS - お手軽もんたメソッド もんたメソッドも高校の学習指導計画書に乗ったそうですし、ここらで高校生どころか中卒でも簡単にもんたメソッドをお届けするのもよかろうかと思いまして。 実践例 痛いニュース(ノ∀`):【TBS捏造疑惑】 TBS社長ら「不二家報道、捏造というのはどうか」「みの氏の『不二家、廃業しろ』は励ましの言葉」より拝借 みの氏は不二家報道の翌日の番組冒頭で、不二家について「もうはっきり言って、廃業してもらいたい」と言い放っているが、TBSは「『廃業を覚悟して不退転で臨んでください』という励ましの発言だったのでは」としている。 レシピ まずは以下のCSSを用意しておきます。お好みにあわせてカスタマイズしておいてください。 <style> div.mino { borde
Eee PCは果たしてどのようなノートパソコンなのでしょうか。今までのノートとはどう違うのでしょう。Eee PCの良いところと悪いところを箇条書きにしてみました。 メリット ・重量が910グラムと小さくて軽い。楽なので毎日持ち運ぶことができます。 ・価格が安い。一般的なノートパソコンは10万円から20万円の間くらいですがEee PCはなんと5万円弱。しかもウインドウズxpが最初から使えます。 ・外出中でも調べ物ができます。お店を調べたり、地図を見たりに超便利。 ・無線LAN内蔵なので外ではイーモバイル、家では無線などと使い分けができる。 ・カメラとマイクが内蔵している。 ・音が意外と良い。 ・Youtube,ニコニコ動画などの動画サイトが使える。 デメリット ・画面が狭い。解像度が低いので表示される部分がその他のパソコンよりも狭いです。 ・手が大きい人にはキーが打ちづらいかも。男性で手が大
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
glayer.js - グレーアウト表示ライブラリ Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(grey+layerで、glayer.js) グレーアウト表示ライブラリ:glayer.js。 LightBoxのように、画面全体を簡単にグレーアウトすることが出来ます。 使い方は、必要なJavaScriptとCSSを読み込ませて、divを定義した後、onclickイベントハンドラなどに、 Layer.show( divのid要素 ) Layer.hide( divのid要素 ) を仕込むだけで簡単に使えて便利です。 このライブラリを使って、ポップアップメッセージをウィンドウ内で表示するサンプルを作ってみました。 <html> <!--●必要ライブラリの読み込み--> <script type="te
Mastering Javascript Arrays Believe it or not, the very first version of Javascript shipped without Arrays. JavaScriptの配列を極める! JavaScript の配列特集のページがありました。 配列の基礎〜配列の各メソッドの紹介&使用例、配列TIPSなど、JavaScript の配列について理解を深めるのに役立ちます。 JavaScriptist の配列関連ページ JavaScriptの配列 配列を連結した値を得る - Array.concat 配列の長さを得る - Array.length 配列を文字を挟んで文字列化した値を得る - Array.join 配列の最後の値を得る - Array.pop 配列の最後に値を追加 - Array.push 配列を逆順に並替え - A
先日、こんな記事を読みました。 fladdict.net blog: オンライン上swfの天才的デバッグ方法 http://www.fladdict.net/blog-jp/archives/2005/06/swf_2.php トレース使う代わりに、アウトプットしたい情報をクリップボードに送れ!! System.setClipboard(ここにデータ); 頭よすぎ。 まさに目から鱗のデバッグ方法。そんなことできるとは。 これ読んで、ふと、もしかしたら、長年不便に思ってたことを解消できるかもしれないと思い立ちました。 RakuCopy や amazie など、一度クリップボードを経由して、メールやBlogにペーストするツールを作っていると、たいていボタン一つでクリップボードに転送する機能をつけたくなります。 これは、Windows 版 IEでは可能なのですが、それ以外のブラウザでは、Java
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」 2007年03月27日- ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」。 同様のライブラリに Nifty Corners がありますが、これを更に進化させ、使いやすく、高速に、かつよ
Javascript Developer Tools Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」。 左上のタブのLint にて文法チェックが行えます。Minify、De-Minifyによって改行などの削除によってスクリプトサイズ削減、そして、その反対が出来るようです。 ブラウザ上で行える簡易開発ツールとして活用できそうですね。
google-code-prettify google-code-prettifyは、Googleが提供するコードをハイライト表示してくれるJavaScriptライブラリです。 サンプルはこちらから見ることができます。 READMEを見ると、使い方も簡単そう。 まず、ライブラリの読み込み。 <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> onLoad時に実行。 <body onload="prettyPrint()"> ハイライト表示したいコードは、こんな感じで記述。 <pre class="prettyprint"> /*--------------------------- google-co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く