Flicker利用してギャラリーをページに埋め込むんだぁ


Flickerの画像をギャラリーとしてページに埋め込む方法を、CODROPSより紹介します。
デモでは、ページの下部にシンプルなフォトバーを表示させていて、スライドさせると次の画像が読み込まれるようになっています。
マークアップも細かく説明されていて、CSSの記述の勉強にもなりますね。


Continue Reading »

CSS3だけでアコーディオンメニューをつくる


アコーディオンメニューというと、jQueryなどのajax(javaScript)を使って実装しますが、今回はCSS3のTransitionを使ってアコーディオンの動きを実現させてみます。
CSSだけで実装できますので、ソース的にも軽量で開発者にとってはリソースも軽減できていい事ずくめッスね。

ニュィーンとのびるメニューをCSSで実装

ニュィーンとのびるメニューをCSSで実装

Continue Reading »

晒すシリーズ。jQueryが動かない!事件


KRUZは一応WEBディレクターとかやっています。だいたい10年くらいはこれでメシ喰ってます。
しかしKRUZの脳内メモリーは256MBくらいしかないので、忘れます。あっさりと。
カッコつけてもしょうがないので、今後のため失敗経験を晒してみようと思います。初心者さんの参考になったらいいなぁ・・と。

Continue Reading »

コレは使える!スクロールするとリロードして表示するjQueryプラグイン「AjaxScroll」


海外のサイトで、ページを下へスクロールすると次の画像がリロードして表示させているサイトがあって、どうやってるのか気になっていたんですが、
PHPSPOT開発日誌さんに「スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」」という記事があり、思わず小躍りしたのでポスト。
商品点数が多いECサイトや、ギャラリーサイトなんかに導入したらいいんじゃない?かと思います。最初のロードでは非可視領域(スクロールしたときに表示される所ね)は読まないと思うので、重いサイトなんかに効果があるかもしれんですね。
Continue Reading »