ページのデザイン時に悩むのが、2カラムレイアウトなどでサイドバーにどのくらいのコンテンツを配置するのか、というのがあります。 理想的なのは、メインとなるコンテンツと同じくらいの高さになるのが無駄もなくいいかもしれません。しかし、メインのコンテンツ量が決まったものではなく、しかも長い場合はサイドバーに未使用のスペースが多く生じてしまいます。 [ad#ad-2] この無駄になってしまう空きスペースの解決方法の一つとして、スペースの量に合わせてダイナミックにサイドバーのコンテンツを配置する方法を紹介します。
jQueryとphpに関するmatuixのブックマーク (8)
-
matuix 2011/01/18
-
-
jQueryとPHPで作るサムネイルがスライドするギャラリー – creamu
サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと
-
サインアップとログイン兼用のログインフォーム作成チュートリアル:phpspot開発日誌
Log in or Sign up with Jquery and PHP jQueryとPHPを使ったサインアップとログイン兼用のログインフォーム作成チュートリアルが公開されています。 まず、E-mail を入力し、アカウントを持っているかもっていないかのradioを選択することで新規登録か、ログインかを切り替えることが出来ます。 jQueryでは、エレメントの表示/非表示を設定しており、サーバ側のPHPでは送られてきたパラメータを見てログインか新規登録かを判別します。 そのまま使っても便利ですが、PHPやjQueryの入門用としても使えるかもしれませんね 新規登録の場合 ログインの場合 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 アニメーションの残像が残るjQueryアニメーションチュートリアル PHPとjQueryのAjax連携の学習
-
画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラム:phpspot開発日誌
AJAX-enabled Sticky Notes With PHP & jQuery ? Tutorialzine 画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラムが公開されています。 動くサンプルは次のようになっていて、画面にぺたぺたはったような面白いものになっています。サンプルプログラムだけではなく、チュートリアルも公開されています。 デモページ z-indexを調整して、クリックしたものが最前面にくるようになってます。 ノートの追加をする場合のUIもいい感じで、LightBox風の画面があらわれて、色を選べるようになってます。 ちょっとした連絡用に設置したりすると面白いかもしれませんね。
-
jQueryのAjax機能を使った投票システムのサンプルプログラム:phpspot開発日誌
AJAX User Poll Using jQuery and PHP jQueryのAjax機能を使った投票システムのサンプルプログラムが公開されています データはＤＢに入れる仕様で、次のような投票が実装できるようです。 シンプルなデザインなのでサイトに違和感なく組み込めるかもしれません。 ソースコードの解説記事に加え、ソースコードのアーカイブが入手できます。 改造することも出来るので参考程度に覚えておいてもよいかもしれませんね。 関連エントリ Ajax+PHP+MySQLな投票ウィジェット reddit風のGoodかBadの投票機能実装サンプル jQueryとPHPでダイナミックな投票スクリプトを作成 結果グラフがアニメーション表示のAjax投票システム
-
-
PHPとjQueryのAjax連携の学習用チュートリアル:phpspot開発日誌
Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました