Lightbox JS
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr
Ajax なライブラリを使いまくって、自分のサイトが重くなってしまったら：Goodpic
This shop will be powered by Are you the store owner? Log in here
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
hori-uchi.com: OOなJavaScriptの勉強がてら、ボタンの2度押し禁止機能を簡単に実現するライブラリを作ってみました
OOなJavaScriptの勉強がてら、ボタンの2度押し禁止機能を簡単に実現するライブラリを作ってみました ちょっと時代に乗り遅れている気もしますが、最近prototype.jsをつかったOOなJavaScriptを書くのにはまっています。 今日はbindとbindAsEbentListenerの勉強がてら、これまたかなり昔話題になった「2度押し禁止ボタン」を実現するコードを書いてみました。 input.js 使い方はこんな感じです。 // prototype.jsとinput.jsをロードします。 <script type="text/javascript" src="/path/to/prototype.js"></script> <script type="text/javascript" src="/path/to/input.js"></script> <script type=
我的春秋: 振る舞い分離 JavaScript ライブラリ一覧（編集途中）
我的春秋: 関連エントリー 2006-06-11: 振る舞い分離 JavaScript ライブラリ一覧（途中） 2006-06-10: 続 JavaScript ソースが HTML から消える日 2006-01-05: JavaScript ソースが HTML から消える日 lib. behaviour.js （v1.1） getElements BySelector cssQuery() jQuery prototype.js （v1.5+） 対応ブラウザ
はてなブログ | 無料ブログを作成しよう
日記_2024.8.29 鞍馬と貴船 29日は鞍馬と貴船に行ってきました。こんな天気でバイクは無理、でも引きこもるのも嫌なので前々から行きたかった鞍馬と貴船に行くことにしました。ただ、いつ大雨が降っても全くおかしくないので天気がヤバそうなら帰ることにします。普通に日帰りできる距離ですから…
DynamicHTMLcross-browser-Examples
<BODY onLoad="self.focus()"> このページを見るのにはフレームの表示ができるブラウザが必要です。 </BODY>
JavaScript for CSS
それで、動的に変化させる「きっかけ」として、HTML 4.0では以下のような内在イベントが定義されています。 onload ウインドウあるいは全てのフレームの読み込みが完了した時に発生する。BODYかFRAMESET要素に設定することが出来る。 <BODY onload="function()"> <!-- 読み込みが完了したら呼び出す --> <BODY onload="setTimeout('function()',n)"> <!-- 読み込みが完了してからnミリ秒後に呼び出す --> onunload ウインドウあるいはフレーム内の文書を破棄する時に発生する。BODYかFRAMESET要素に設定することが出来る。 onclick 要素上でポインティングデバイスのボタンがクリックされた時に発生する。ほとんどの要素に設定することが出来る。 <SPAN id="c1">変化させたい要素<
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
[鏡] 入門 JSON 2 -- 戯れ言++
「入門 JSON」が微妙に評判がいいみたいなので， 今回はもう少し踏み込んだ内容を書いてみたいと思います。 前回では JSON のデータフォーマットについて曖昧な表現や説明のまま流していますが， ここではもう少し厳密に見ていきます。 またもや長文です。 ご注意を。 なお， この記事は「Introducing JSON」（日本語訳）と併せてご覧いただくことをお奨めします。 前回は JSON のデータ型について連想配列（members）と配列（array）の2つがあると説明しました。 しかし実際にはもうひとつオブジェクト（object）という型があります。 実は JSON ではこのオブジェクトがデータの基本になっています。 （説明が長くなるので前回はこの部分についてワザと端折りました） オブジェクトは以下に示すようにブレス記号で囲んだ表現になります。 { } { members } ここで注意
![[鏡] 入門 JSON 2 -- 戯れ言++](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9403aeb9e428539e1bdb60550747807cd52d387/height=288;version=1;width=512/https%3A%2F%2Fbaldanders.info%2Fimages%2Fattention%2Fremark.jpg)
[鏡] 入門 JSON -- 戯れ言++
ここではあまりプログラミングの話はしないのですが（私も今気がついた）， たまにはいいでしょう。 今回は JSON というデータフォーマットのお話です。 めっさ長文です。 ご注意を。 （3/8 追記があります） 最近 JSON （JavaScript Object Notation）にハマってます。 JSON というのはごく軽量のデータフォーマットで， Javascript （というより ECMAScript と言うべきかもしれませんが）の言語仕様がベースになっています。 とはいえ， JSON 自体は Javascript からは独立していますので他の言語（C/C++, Java, C#, Perl, Ruby, Python など）でも問題なく扱うことができます。 JSON は以下の2種類のデータ構造の組み合わせでできています。 （JSON フォーマットの詳しい解説をご所望の方は「入門 J
Side-B » Blog Archive » 夏季休暇のおしらせ
Posted by マルタ | 2006.8.12 at 17:39 [ Posted in DVD, Game, News, Amazonメモ ] 8月13日（日）〜8月20日（日）までお休み致します。 このサイトに関するメール等への対応は、8月21日以降になります。ご了承くださいませ。 なお、お急ぎの方、どうぶつの森へのお誘い :Pは のメールアドレスへお願いします。 どうぶつの森は、ここ何ヶ月か遊んでなかったんですが、休み中に少し復活しようと企んでいます。見たこともない花が咲いてそうで電源を入れるのが怖くもありますが、それもまた一興。 どうぶつの森で遊んでくださる方は、村のなまえ、キャラクターのなまえ、おともだちコードをメールにて教えてくださいね。折り返し、わたしのどうぶつの森データをお知らせします。どうぞ、お気軽に。 では、よい休日を！ 「紅の豚」風に言うと「真っ白いシーツ
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
Illustrator CS自動化作戦 with JavaScript
Last Update:2009/12/25 PM 10:00 【Illustrator CS自動化作戦】 このページは毎日コミュニケーションズから発売されているIllustrator 10自動化作戦のサンプルおよび原稿をIllustrator CS用に書き直したものを載せています。このページを見る前にIllustrator 10自動化作戦を手元においておくと良いかもしれません。 ver 10 から ver CSへの変更は意外と多く、特にスクリプトにおいては結構変更しなければならない点が多くあります。つまりスクリプトにおいては互換性が低いとも言えます。また、他のAdobe製品（Acrobatを除く）との共通GUIなどもなく、ちょっと時代遅れのような状態になっています（ファイルオブジェクトは共通っぽい）。（2005年1月時点で最も高機能なのはAfterEffects 6.5に搭載されているJ
JavaScript のデバッグ方法
JavaScript のデバッグ方法 2006-01-07-7: [JavaScript] http://memo.xight.org/2006-01-04-7 JavaScript のデバッグ方法各種． Firefox 拡張の Venkman JavaScript Debugger はかなりいい感じ． 適当に触ってみたけど，簡単に使える．ブレークポイントを設定できたり，変数のウォッチができたりかなり使える． - Venkman for Firefox 1.5 http://getahead.ltd.uk/ajax/venkman
Javascript（script.aculo.us）で、ブログをアニメーション・デザイン：Goodpic
Ruby on Railsなどにも含まれている、話題のJavascriptライブラリを週末にちょこっと触ってみた。prototype.jsを継承して、Ajaxなユーザーインターフェース機能を実装するためのライブラリ。 script.aculo.us - web 2.0 javascript HTMLコード内に、いちいちファンクションを定義せず、クラス指定だけでアニメーションさせるようにしてみました。 インストールは簡単 上記のサイトから、scriptaculous-js-1.5.1.zip をダウンロードして解凍 /lib と /src を、そのまま自分のサーバにアップロード アップロードしたjavascriptを、使用するページのheadでInclude <head> <script src="js/lib/prototype.js" type="text/javascript"></s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
ScrapMemo