ajaxとphpで作る無限スクロールWebギャラリー
PHPとAJAXで1ページに無限スクロールWEBギャラリーを作成する方法がNettut+にありましたので紹介します。
Continue Reading »
"javascript"に関連する記事
Javasucriptについてのアレコレ
コレは使える！スクロールするとリロードして表示するjQueryプラグイン「AjaxScroll」
海外のサイトで、ページを下へスクロールすると次の画像がリロードして表示させているサイトがあって、どうやってるのか気になっていたんですが、
PHPSPOT開発日誌さんに「スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」」という記事があり、思わず小躍りしたのでポスト。
商品点数が多いECサイトや、ギャラリーサイトなんかに導入したらいいんじゃない？かと思います。最初のロードでは非可視領域（スクロールしたときに表示される所ね）は読まないと思うので、重いサイトなんかに効果があるかもしれんですね。
Continue Reading »
背景をアニメーションさせるんだもん【jQuery】
背景をアニメーションさせるjQueryプラグインｂｇscrollを見つけたのでポスト。
使い方では、面白いプロモーションができそうですね。
ナビメニューからストンとアイコンが落ちてくるjQueryプラグイン”Fancy Apple-style”
少しポップなナビメニューで、ちょっとした驚きを演出できるjQueryのプラグイン”Fancy Apple-style”を紹介します。
なんでApple-Styleなのかはよく分からんですが、ナビメニューがhoverのとき上からストンっと、メニューアイコンが落ちてきます。
ちょっとした驚きを演出できるかも？
ローテーションするコマーシャルバナーを作る（プログレスバーつき）
サイトの上部にコンテンツバナーだったりポートフォリオバナーだったりを、タイマーでローディングさせているサイトってあるじゃないですか。
まぁ、Kruz-graphixでもポートフォリオをトップページでローディングさせていますが、あんな感じのヤツ。です。
おまけにプログレスバーも一緒にやっちゃう。jQueryのライブラリ“Cycle“を使っているんですが、結構スマートに導入できそう・・・ってことで、Presentation Cycleを紹介です。
IEでもCSS3の擬似セレクタを適応させてみよう
前回の記事で「IEでも透過pngやmin_heightとかモダンブラウザみたいにやってみよう」を書きましたが、
今回は、もう少し突っ込んでIEでもCSS3の擬似セレクタを適応させるjavascriptライブラリの「
ie-css3.js (v0.9.4b)」を紹介。
Continue Reading »
HTML5+CSS3で作られたテンプレート
HTML5やCSS3だけでコーディングされたWEBサイトテンプレートが、tutorialzineにありましたので紹介。
うー。今からやっとかないと、覚えられそうに無いな。。。
Continue Reading »
ホバー時にほわっとアニメーションするボタン
リンクボタンのホバー時に、ボタンイメージを切り替えるのはCSSでできますが、どうしてもパチッと切り替わります。
んで、Flashみたいにホワッっと切り替えれたらカッチョイイので、jQueryで実現しちゃいましょう。という記事が、tutrial9にありましたので紹介。
Continue Reading »