Googleマップのマーカーデータ作成ツールを組んでみた

Google Mapsにマーカーを複数表示するためには、マーカーを作るに必要な座標やタイトルなんかの情報をまとまったデータにする必要がある訳ですよ。 別ファイルに保存するならXMLとかKMLあたりが主流だと思うんだけど、 … “Googleマップのマーカーデータ作成ツールを組んでみた”の続きを読む

[HTML5+CSS3] 第二回コーディングコンテスト に参加してました

締切後のソース公開OKらしいんで晒しておきます。 応募用デザインにキュンとしたので、思い立ったが吉日な勢いでコーディング。 連休中のいい暇つぶしになりました。 イベント自体は前々から知ってたんだけど、腰が重くてなかなか手 … “[HTML5+CSS3] 第二回コーディングコンテスト に参加してました”の続きを読む

[MooTools] テキストや画像のコピー禁止処理

Webサイト上にあるコンテンツのコピーを出来なくさせるプラグインを書いてみた。 Ajaxと併用するといい感じ。 ロジックは以下: 透過画像をbody全体に被せる(オプション:cover) oncopy を return … “[MooTools] テキストや画像のコピー禁止処理”の続きを読む

[GoogleMaps] グーグルマップとストリートビューを双方向連動表示させる

Googleマップとストリートビューの連動表示スクリプト。双方向でポイントが移動するものが検索しても無かったから自作。APIローダーを使用して導入しやすく作ってみた。

[MooTools Tutorial] ページのコンテンツをスライドさせて切り替える

MooToolsチュートリアル4回目はコンテンツを全部横並びの帯状に配置して、ボタンクリックで水平方向にスライド表示させるチュートリアルです。
中身が少なくて写真で誤魔化さざるを得ないようなサイトにもってこいなアニメーション。Coreだけで作れるのでお手軽だと思います。

[MooTools] mooZoomGallery Plugin

mooZoomGalleryはサムネイル画像から拡大画像への表示を、画像が並んでいるエリア内で行うMooTools用ギャラリープラグインです。 LightBoxのようにレイヤーを被せて表示するのではなく、他のサムネイルを … “[MooTools] mooZoomGallery Plugin”の続きを読む

[MooTools] mooContreGallery Plugin

mooContreGalleryはhttp://www.contreforme.ch/のProjectsページで使われている 画像拡大、スクロール、インフォメーション表示など一連のエフェクトを貴方のサイトに実装するプラグ … “[MooTools] mooContreGallery Plugin”の続きを読む

[MooTools Tutorial]背景画像を複数読み込んでクロスフェードで切り替える

背景画像をローディングしたあとにクロスフェードで順番に切り替えるMooToolsのチュートリアル。クロスフェードといってもソースにしたらたった5行のことですわ。簡単簡単。

[MooTools Tutorial]巨大な背景画像の読み込みとMoreの使い方

このエントリーではMooToolsの機能拡張をする便利なMoreクラスの使い方を説明しつつ、Flashでやってしまいがちな横幅1000pxを越える大きな背景画像の読み込みをMoreのAssetsクラスを使ってやってみるチュートリアル。全8ステップ。

[MooTools Tutorial]横からスライドインしてくるアニメーションメニューの作り方

MooToolsのFx.Morphクラスを使ってリスト要素をFlashのようにぬるぬる動かします。
完成するとリストメニューが上から順に画面中央付近から左側へスライドインしてくるアニメーションになります。
全5ステップ。