vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
JavaScriptとFlashで実装する33の画像ギャラリー
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
難読化されたJavaScriptを見やすく·JsDecoder MOONGIFT
JavaScriptが多用されるになっているが、そのために肥大化する傾向にある。特に共通ライブラリ系は相当重たくなっており、ブラウザへの負担が大きくなっている。そのためにサイズを減らすべく使われているのが難読化処理だ。 見づらい… 変数名を短い単語に置き換え、余計な改行やコメント、空白を省いていく。開発は通常のソースで行い、配布は難読化処理を行ったものを利用する。だが、利用者側は問題が起きた時に情報が得づらくなってしまう。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはJsDecoder、難読化の逆処理を行うソフトウェアだ。 JsDecoderは難読化処理されたJavaScriptを逆に見やすくするソフトウェアだ。;で区切り、適切なインデントを行い、さらにハイライト処理を行ってくれる。もちろん、変数名が変わる訳ではないが、これでも随分見やすくなるだろう。 見やすい！
なぜみんなlightboxを使うの？
なぜみんなlightboxを使うのだろうか。 あれ、迷惑なだけだと思うのだ。 文章と比較しながら画像を見ることが出来ないし、視覚的には別ページっぽく見えるのに、ブラウザの戻るボタンを押すと前のページに移動してしまう。 Flashが叩かれていたときによく言われていたことをそのまま繰り返しているじゃないか。 lightboxって、何がいいの？ 何も便利になっていない。
Firebug で XPath を簡単に試す方法 - IT戦記
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード（要素とか null, // 名前空間の解決方法（適当にやるときは null 6, // 取得する形式の指定（適当にやるときは 6 null // 結果を再利用するかどうか（適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、６、ヌル。 覚えましたか？ でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません＞＜ 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
webデザイナーのナナメガキ
かなり前にMovableType(3.2)からWordPress(2.0)へ移行した際の手順をメモ。 1.MovableTypeからテキスト形式でエクスポート 2.URLが変わらないように、MovableTypeのアーカイブマッピングとWordPressのURL設定を合わせる。 3.WordPressの管理画面からテキスト形式のファイルをインポート 4.「_」が「-」に変わっていたりするので、手動でURLを変更（DBを直接修正） 5.月別やカテゴリのアーカイブが表示されなかったので、.htaccessにRewriteRuleを追記 6.WordPressが出力するフィード(RSS等)のパスがMovabeTypeと違うのでリダイレクトさせる てな感じで、何とかMovableTypeからアーカイブ等のパーマリンクを変更せずに済みました。 エントリの移行は画像のパスとかに注意すれば、比較的簡単に
JSON の紹介
JSON (JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。 JavaScriptプログラミング言語 （ECMA-262標準第3版 1999年12月）の一部をベースに作られています。 JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、 JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構造体、ディクショナリ、ハッシュテーブル、キーのあるリスト、連想配列として実現されています。
Script.aculo.us や Rico を使う前に JavaScript Effect の仕組みについて理解しよう - IT戦記
社外勉強会の講師をすることになりました。 テーマは「JavaScript Effect Programming」 資料を公開します。 http://Sample.ECMAScript.jp/20060329.ppt 内容は・・・ JavaScript Effect Programming Effect の仕組み クラス設計 Delay 機種依存性の解決 Busy 状態の緩和 おまけ(上の資料内容を使って実現したゲーム) http://Sample.ECMAScript.jp/20060329.html ← 昨日(というか今日)の日記の高速化バージョン ルールは、ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 やっぱりあんまり昨日のと変わらないなぁ。もっと、重いプログラム書かないと・・・。
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
document.title の罠 - IT戦記
このエントリは一部間違っています。 こちらで訂正いたしました。 http://d.hatena.ne.jp/amachang/20070523/1179928332 いや大したことじゃないんですけど かなりハマったのでメモしときます。 通常ページのタイトルは以下で取れる var title = document.title; alert(title); // タイトルを表示 しかし、コンテンツ内に <div id="title"></div> のように id が title のものがあると var title = document.title; alert(title); // [object HTMLDivElement] となってしまう。 これでかなりはまった まとめ 不特定のページから title を取るような場合は多少めんどくさいけど document.getElementsByT
超高機能なJavaScriptテンプレートエンジン「ZParse」:phpspot開発日誌
ZParse - Advanced Javascript Templating ZParse is a multi-purpose, extensible, self-defineable javascript template parsing system which lets you define your templating rules. 超高機能なJavaScriptテンプレートエンジン「ZParse」の紹介。 Zparseを使えば次のようなif文などのロジックも入った高機能なテンプレートをJavaScriptで使えます。 <% var name = "Solid Snake", address = "somewhere"; %> <div id="card"> <:if name && address:> <div>name: ${name} </div> <div>addre
責任転嫁 | Web2.0 - Google検索がAjax対応
いつから対応してたか不明ですが、Googleの検索結果がAjax対応されてます。検索結果で次へを押した時に、再読み込みの気配なく次のページが表示されていたので調べてみました。 IEだとJavaScriptが吐き出されないので、Firefoxのみかも知れません。またgoogle.comでもJavaScriptが出てきませんでした。日本語サイト(www.google.co.jp)だけが対応ってことなんでしょうか。 <06.03.07追記> 記事を書いた時点ではFirefoxのみと思っていたのですが(私の環境ではFirefoxでのみJavaScriptが出力されていたため。)、別の環境のFirefoxでは、Ajax(JavaScript)が出力されませんでした。調べてみたところ、どうやらブラウザがどうとかいうのではなく、Cookieから判断していて、一部の環境にのみ公開されてるような感じです。
iteman's blog
ほぼスマホ・MEDIAS for BIGLOBEの広告が気になり、ホームページにアクセスしてみました。 要はMVNOですね。今ならキャンペーン中で、「MEDIAS NEC-102」がタダとのこと。スマホの代わりにモバイルルータも選べるようです。 月額は、24時間使えるスタンダードプランで2,980円。2:00～20:00の時間限定のデイタイムプランで1,980円。安い・・・。 このデイタイムプランってのは魅力的ですね。なんか使いすぎると速度制限があるみたいですけど、まあそんなに動画とかガンガン見たりすることもないのでおそらくその点は大丈夫でしょう。 非常に気になる存在ですね。他の人のレビューとか見てみよう・・・。
天才を変態に置き換えるブックマークレット - てっく煮ブログ
JavaScriptソースコードjavascript:void(document.body.innerHTML = document.body.innerHTML.replace(/天才/gi,'変態'));利用方法はてなブックマーク - タグ 天才あたりからそれっぽい記事を拾ってきて、ブックマークレットを実行します。例：天才よばわり - shi3zの日記 → 変態よばわりライセンスPublic Domainネタ元誰かあのエントリの「天才」をそのまま「変態」に書き換えて投下する変態はいないものかTwitter / Yoshinori Munehara: 誰かあのエントリの「天才」をそのまま「変態」に書き換え...謝辞不謹慎とは思いつつ面白すぎるので公開してしまいました。反省はしていません。
(function(var){..............})(var) と function(var){............} の違い。つまり、クロージャ。 - それ図解で。・・・tohokuaikiのチラシの裏
<script> (function(v){alert(v)}("aa")); hoge=function(v){alert(v)}; </script> ってやった場合、ローディングが終わったら alert("aa") が実行される。 ただし、 <script> (function(v){alert(v)}("aa")); hoge=function(v){alert(v)}; hoge("bb"); </script> ってやった場合、ローディングが終わったら alert("aa"); alert("bb") が実行される。 function全体を()でくくった場合は、それ自体を無名関数化して1回実行させる。 じゃあ、(function(){})は何を返すか？ <script> hoge=(function(v){alert(v)})("aa"); alert(hoge); </scr
ヨモツネット 実験室 » フォームに入力された全角文字を自動で半角に変換する
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。 概要 フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。 ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。 動作確認用の DEMO ダウンロード 使い方 ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。 このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてくだ
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
*この記事は、Google Maps APIバージョン1(v1)の時点での記事です。v1ベースでは現状動作しますが、バージョン2(v2)については、 Google Maps v2を設置する(1)やv2用意訳とサンプルなどもご参照ください。 9/15と、 9/30のサンプルは、都道府県庁の経緯度データをAjaxな通信で取り出し表示する、というものでしたが、 今回から数回にわけて、このようなAjaxな仕組みも利用しつつ、地図を表示してみます。地図には、Google Mapsを利用します。 Google Mapsは、それがなければ、Ajaxという言葉がこれほど広まらなかったかもしれないほどの影響を与えたAjaxアプリといえますが、もしかすると、それ以上に、世界中にインパクトを与えた特徴があります。 それは、この高機能で精密な地図を、自由にカスタマイズして、なんと、無料で自分のサイトへ設
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deziner Folio» Blog Archive » df Javascript Smooth Scroll
988 + JavaScript Libraries : skuare.net
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
TinyMCE Javascript Content Editor by Moxiecode Systems AB
