jQueryでネタバレボタン作成
- 2012/01/07 16:18
- カテゴリー：制作, プログラム
- タグ：JavaScript
クリックすると文章を表示できるという、いわゆるネタバレボタンをjQueryで作成してみます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
エントリー
ギルティクラウン公式サイトの私的な技術メモ
- 2012/01/05 20:40
- カテゴリー：制作, プログラム
- タグ：JavaScript
ギルティクラウンの公式サイトを見て、
- ローディング画面はどんな方法で表示しているんだろう？
- CHARACTERページでのページ切り替えはどうやっているんだろう？
が気になったので調べてみたメモ。あと、普通のHTMLページっぽくないページを作るのに使えそうなものをメモ。プラグインの詳細解説や使い方は、ググると出てきます。
QueryLoader2
ページが読み込まれてから表示する、いわゆる「Now Loading」画面を作れるjQueryプラグイン。ギルティクラウンのサイトで使われているのはバージョン1だけど、そっちは最新のjQueryには対応していないみたい。
hashchange
「Ajaxでページ遷移させたいけど、ブラウザの進む・戻る機能も使えるようにしたい」ができるjQueryプラグイン。CHARACTERページみたいに、普通のページ遷移とは違った見せ方をしたい場合に。
以下は、ギルティクラウンの公式サイトとは関係なくメモ。
jScrollPane
クロスブラウザでスクロールバーのデザインを変えたい場合に。同じ機能のプラグインをいくつか試したけど、HTMLが一番綺麗だったので採用。
自作プラグイン
最近作ったjQueryプラグインから、普通のHTMLページっぽくないページを作るのに使えそうなものをメモ。
jQueryでツールチップ表示
- 2012/01/03 15:02
- カテゴリー：制作, プログラム
- タグ：JavaScript
jQueryでツールチップを表示する仕組みです。ブラウザ標準のツールチップとは違い、CSSで自由に装飾することができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでタブ切り替え
- 2011/12/31 17:40
- カテゴリー：制作, プログラム
- タグ：JavaScript
タブに見出しを表示し、クリックするとその内容が表示される仕組みです。少ないスペースにたくさんの情報を格納することができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでブロックの高さを揃える
- 2011/12/30 14:47
- カテゴリー：制作, プログラム
- タグ：JavaScript
CSSをブロックを並べると、それぞれの高さを揃えるのが難しいことが解ります。高さをピクセル単位で指定することはできますが、それだとブロック内の文字数が変わったときに入りきらなくなる問題があります。これは、JavaScriptで要素の高さを揃えるプラグインです。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでスムーズなスクロール
- 2011/12/28 15:26
- カテゴリー：制作, プログラム
- タグ：JavaScript
<a href="#abc">abc</a> のように a タグを書くと、ページ内で移動するリンクを設置できます。このようなリンクをクリックした際、アニメーションでページ内を移動できるようにする方法です。サンプルを触ってみるのが解りやすいと思います。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
FF10「ザナルカンドにて」をピアノで弾いてみた
深愛をアップロードしてから半年が経ったので、また演奏動画をアップロード。楽譜は、シナリオアルティマニアに掲載されていたものです。
後で気付いたけど、原曲より少し早いテンポになってしまっています。弾く直前に原曲を聴いて確認しておくんだった…。（´・ω・｀）もう自分の中では「弾き終えた」感があるので、撮り直したりはしないけど。すごく早いわけでも無いし。
ちなみに最初アップロードしたら、何故か動画の再生が途中で止まってしまう状態でした。アップロードしなおしたら普通に再生されるようになったけど、結局原因は不明。そんなこともあるのかな…。
明らかなミスタッチは無いけど、強弱の付け方は所々ミスしている。それでも何十回か撮って（ミスタッチ無しで弾けたのは数回）一番良いのを選んだので、今の自分にとってはよく弾けた方。（｀・ω・´）
jQueryでCookieを扱う
- 2011/12/26 17:17
- カテゴリー：制作, プログラム
- タグ：JavaScript
JavaScriptの標準命令のみでCookieを扱うのは若干面倒ですが、jquery.cookie.js を利用すると簡単に扱うことができます。
jquery.cookie.js は GitHub からダウンロードすることができます。
jQueryでスライドショーを作成
- 2011/12/25 16:37
- カテゴリー：制作, プログラム
- タグ：JavaScript
一時期よくFlashで作成されたスライドショーですが、今はJavaScriptのみで作成されることが多いです。サイトのトップページで、一定時間ごとにメイン画像を切り替えたりすることができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
ページ移動
- 前のページ
- 次のページ