ぱんにゃっとTutorial

クリックすると別のHTMLコンテンツをjQuery Ajaxで読み込み表示させる

pannyatto — Mon, 05 Mar 2018 02:38:01 +0000

同じページ内で、メニューをクリックすると別HTMLを読み込んで表示させる必要がありました。ページ全体を切り替えるのではなく、切り替えたい部分だけコンテンツを読み込んで切り替えたいというときに。サンプルを作りましたので […]→「クリックすると別のHTMLコンテンツをjQuery Ajaxで読み込み表示させる」の続きを読む

pannyatto — Tue, 06 Dec 2016 01:43:38 +0000

floating.js 「floating.js」は画像や絵文字、テキストなどの要素をページ上にフロートさせることができるjQueryプラグインです。サンプルを見ていただいた方がわかりやすいと思います。 →　要素を画面 […]→「要素を画面上にふわふわフロートさせるjQueryプラグイン「floating.js」」の続きを読む

pannyatto — Thu, 24 Nov 2016 03:28:26 +0000

「jQuery.dotdotdot」はボックス要素からはみ出た分のテキストを自動的に省略してくれるという地味に便利なjQueryプラグインです。省略したあとに「続きを読む」というリンクをつけることもできますので、ネット […]→「要素からはみ出したテキストを省略してくれるjQueryプラグイン「jQuery.dotdotdot」」の続きを読む

pannyatto — Thu, 27 Oct 2016 06:09:48 +0000

コンテンツをポップアップにして最前面に表示させるのがモーダルウィンドウです。モーダルウィンドウが開いている間は他の操作はできなくなるのが一般的です。この「Reveal」jQueryプラグインを利用すれば、このモーダルウ […]→「モーダルを超絶簡単に設置できるjQueryプラグイン「Reveal」」の続きを読む

pannyatto — Thu, 29 Sep 2016 08:42:12 +0000

Slider Pro 「Slider Pro」は多機能のスライダーを作ることができるjQueryプラグインです。このjQueryプラグインを使って、左右の画像をみせることができるカルーセル型のスライダーを作ってみます。 […]→「左右の画像をみせるイメージスライダーを作れる「Slider Pro」jQueryプラグイン」の続きを読む

pannyatto — Tue, 23 Aug 2016 06:40:25 +0000

今やレスポンシブデザインにするのは当然の選択肢になりました。 YouTubeの動画をウェブサイトに埋め込むこともあると思いますが、動画もレスポンシブで表示させたいですよね。 YouTubeの埋め込み動画を簡単にレスポンシ […]→「YouTube埋め込み動画を簡単にレンスポンシブにしてくれる「SuperEmbed.js」」の続きを読む

pannyatto — Sat, 20 Aug 2016 06:25:04 +0000

映画や舞台で、ステージのカーテン幕が開いたり閉じたりするのをみたことあると思います。舞台が始まる前や終わった後に、左右に開いたり閉じたりするあのカーテンです。今回は、そのカーテンの開け閉めのアニメーションをjQuer […]→「舞台のカーテンを開けるような効果のアニメーションをjQueryとCSSで再現する」の続きを読む

pannyatto — Wed, 17 Aug 2016 07:32:23 +0000

「jQuery.customSelect()」は、セレクトボックスのCSSをカスタマイズしてデザインを変更できるようにするjQueryプラグインです。 select要素、つまりセレクトボックスやプルダウン時の見た目を変更 […]→「select要素のスタイルを変更できるjQuaryプラグイン「jQuery.customSelect()」」の続きを読む

pannyatto — Tue, 09 Aug 2016 06:29:53 +0000

今回は、海や川などに関係したサイトにぴったりなHTMLテンプレートを紹介します。ランディングページやサイトのWebトップに使用してもお洒落になりそう。ダイビング、サーフィン、フィッシング、環境ビジネスなどいろいろな場 […]→「海にダイビングする効果が綺麗なHTMLテンプレート「Above & Beneath」」の続きを読む

pannyatto — Sun, 07 Aug 2016 06:03:36 +0000

サイトの背景に夜空の星を表示することができるjQueryプラグインです。マウスの動きに合せて、星が流れるような動きをします。サンプルを作りましたので、サンプルを見ていただいたほうが早いかと。星空をサイトの背景画像に […]→「星空をサイトの背景画像にするjQueryプラグイン「jQuery Starfield」」の続きを読む