Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
これは面白すごい。 なかなかさわり心地の良い動き。 しかも無料でダウンロードまでできるし、使えるし、なんともありがたい一品に、思わず勢いで記事にしてしまいました。 まずは以下のサンプルを触ってみると感動しますよ！（たぶん） サンプルデモは以下に 動的なhtmlショーケース 対応しているブラウザの幅も広いです。 # nternet Explorer 6, 7 # Firefox 1.5 + # Opera 9.1 + # Netscape 8.1 + # Safari 3 変更できる内容として # 右、左のサイドメニューの有り無し # 横幅800px、1000px、100% # フォントサイズ 等が変更できます。 もしもダウンロードするなら、以下のサイトに説明（英語）とダウンロードボタンがありますので是非。 Liquid Javascript Grid Layout
JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
『ちよろず。』 - Bookmarkletを集約できるAjaxアプリ"blummy"かんたん利用法
一昨日の記事SEOmoz’s Web 2.0 AwardsのBookmark部門で1位を取ったblummyについて取り上げます。日本ではそれほどメジャーになりきらない感もあるのですが、改めて使ってみるとスゴイAjaxアプリなので、是非いままで使ったことが無い人にも使ってもらえるように、簡単なマニュアルを書いてみたいと思います。「blummy」自体がどんな機能かと言えば、Bookmarkletを集約できるドロップダウンメニューのようなものです。大きく既存の物と違う点は、Ajaxで実装されているのでブラウザや環境依存が無く、カスタマイズの柔軟性が高い事です。また、データはサーバ側に保持されているので場所を問わず使えます。基本機能(1) まずは、http://blummy.com/にアクセスします。(2) "Login"の"Register"からユーザアカウントを取得しましょう。(3) ログイン
Webページ→画像変換ツール - 徒然なるままにBlog
やることがないちょっと手が空いたので前回に引き続きAjax + PHPで簡単なツールを作ってみました。 今回のツールはWebページのキャプチャ(スクリーンショット)を取ってそれをサムネイル画像に変換するものです。 使い方はとても簡単で"WebページのURL"に適当なサイトのURLを入力し、 "イメージ作成"ボタンを押してしばらくするとそのページが画像として表示されます。 少し変換に時間が掛かるので表示されるまでジッと待っていてください。 最近は検索サイトなどで検索結果とそのページのサムネイルを同時に表示してるところもあるので 実は結構需要があるのかなと思います。手動でキャプチャしてサムネイル作るのも面倒だし。 WebページのURL： サムネイルの大きさ:
Googleマップでデートコースを作る「デートコース・アドバイスツール」 - GIGAZINE
これは「デート通.jp」が提供している無料サービスで、会員登録なども不要です。AJAXを駆使しており、まずスタート地点としたい地名や設備名などを入力。すると、そこをスタート地点として近辺にあるデートスポットが一覧表示されるため、それをクリックしていけば、自動的にデートコースが作成できるというわけ。完成したコースは「Google マップ」で表示可能で、簡単なメモも加えることができます。 なお、ほかの人が作成したデートコースも見ることができるので、かなり参考になります。 使い方は以下の通り。 まずは以下のページにアクセス。 デートコース・アドバイスツール｜【デート通.jp】 「コースを作ってみる」をクリック デートスポットの最初の行き先の名前を入力し、「検索」をクリック 検索結果が出てくるので、「このスポットを選択」をクリック さらにそのスポットの近くにあるデートスポットが自動的にリストアップ
BADSTRING
小松弘幸さんは日本の大学院博士課程で数理・計算科学を専攻、日本語予測入力システムなどを開発する若手研究者だった。その彼がインターンで3カ月を過ごしたのが、米国カリフォルニアにあるGoogle本社。2004年8～10月のことだ。 「社内のメンバーとして、Google Suggest日本版の開発などを行いました。ただ、仕事は振ってくるわけではないので、自主的に動いて、チームをつくってという形です。入社してわかりましたが、来た人はすぐに働かせる会社なんです（笑）」 帰国して大学院に戻り、今年の4月から正式入社。開発対象は幅広いが、注力しているサービスのひとつはGoogleローカルのモバイル版。こう聞くと日本版へのローカライズと思う人もいるだろうが、全社的な開発体制はかなりフリーかつ共同的だ。 「このサービスの開発チームは、日本を含めて本社、ニューヨーク、オーストラリア、中国を中心に動いています。
ALPSLAB slide
※Safariなどでソースファイルがそのまま表示されてしまった場合は、ファイルメニューから手動で保存してください。 ALPSLAB slide について ALPSLAB slideは、Webサイト、ブログ、Wiki等に、簡易ルート再生可能なスクロール地図を、簡単に貼り付けることができるサービスです。 難しく手間のかかる設定をせずに、簡単即座にあなたのサイトにスクロール地図を貼り付けることができます（詳細はこちら）。 GPSログを読み込んで、あなたのサイクリングやジョギングコースの軌跡を再生することも可能です。（詳細はこちら） tDiary、Hikiをご利用のお客様は、プラグインをダウンロードし、セットアップしていただくと、さらに簡単、便利に、スクロール地図を貼り付けることができます。（詳細はこちら） ALPSLAB slideの機能 Webサイト等に、スクロール地図を貼り付け tDi
[JSAN] XML.ObjTree
XML.ObjTree クラスは、Perl 用の XML::TreePP モジュールの JavaScript 版です。 XML ファイルと JavaScript オブジェクト（連想配列）間の相互変換を行います。 prototype.js または JSAN の HTTP.Request クラスと併用することで、 JKL.ParseXML の 後継 としても利用できます。 ECMA-357 の普及を待たずに、 ECMAScript for XML (E4X) 風のXMLのオブジェクト利用が可能になります。 Intel Mac 版の Safari で、 DOMParser オブジェクトの async プロパティが read-only となる点にも対応しています。 IE で（サーバ上でなく）ローカルのXMLファイルを開きやすくなりました。（2006/08/14） オンラインDEMO DEMO（お試
Lightbox Plus で画像を同一画面にオーバーレイして表示 :: Drk7jp
前からやろうやろうと思っていたことなのですが、サムネイルをクリックしたときに別画面を起ち上げて元画像を表示するのではなくて、同一画面上にレイヤー重ねて表示したいと思ってました。世の中には便利 Javascript が公開されていまして、メジャーどころで言えば、Lightbox JS ってやつがそうです。 使い方を丁寧に説明してあるサイトで有名どころは、「小粋空間: Lightbox JS で画像を表示する」あたりでしょうか。僕的には Lightbox を更に拡張した Lightbox Plus を入れることにしました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPで書かれたクールなAjaxチャットスクリプト: Lace:phpspot開発日誌