[jQuery]アーカイブ
画面内に付箋を貼るようなUIの掲示板を作れるPHP＆jQueryなサンプルプログラム:phpspot開発日誌を改良しつつこのブログに設置してみました。
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」 | DesignDevelopでも紹介されていますね。
動作は以下からご確認下さい。
⇒ペタペタ掲示板
設置にあたってデフォルトからカスタマイズした点は以下の通りです。
- 表示条件
- 日本語化
- 書き込み時にメール送信
それでは設置の手順を紹介して行きたいと思います。
前回記事で作成したjQueryとcookieを使用した開閉メニューを、頂いたアドバイスで閃いたやり方と合わせて、よりjQueryっぽい記述に修正しましたので変更点を書いていきたいと思います。
まずは、完成サンプル
⇒【よりjQueryらしい】cookieを使用して開閉を保持するメニュー完成サンプル
前回記事をまだ読んでいない方はjQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみるを先にご覧ください。
今回のサンプルでは
本当はopendd[0]~[n]というcookieが複数セットされるのを避けたかったのですが、うまく記述できませんでした＞＜
詳しい方アドバイスとか頂けると元気出ます！よろしくお願いします。
と前回嘆いていた部分を改善して、よりjQueryらしい記述に変更しています。
以下でサンプルの説明をしていきます。
前々からcookieを使用してメニューを制御したかったのですが、なかなかうまくいかず断念していたところjQueryで簡単にcookieを扱えるプラグインを発見しました。
早速試してみたところ、それらしいものが出来ましたのでプラグインの使い方と合わせて紹介していきたいと思います。
サンプルを見て頂ければ分かりますが、開閉状態をcookieによって保持するというものです。
お使いのブラウザのcookieの設定とか眺めながらご覧ください。
昨年9月、FLASHをやめて、AJAXを多用する形でリニューアルを行ったSONYが話題になりました。
あれから半年程経ちますが、他の企業系サイトのJavaScriptライブラリの使用度はどの位なのか気になり調べてみました。
以下サイトから無作為に抽出して探して、各ライブラリ毎に分類しています。
WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ）
タイプライター風に文字を表示するjQueryプラグイン「jquery.newsTicker」をご紹介。
まずはサンプルです。
⇒タイプライター風に文字を表示するjQueryプラグインのサンプル
使いどころ難しそうですが、marqueeタグの代わりになりそうな気がします。
配布元では
News ticker in the style of that used on the BBC news site.
と紹介されていてBBC風とのことです。BBCってニュースという事以外、良く分からないんで言い換えてみました。
配布元⇒jQuery plugins » MakeMineATriple
DL先⇒Plugins | jQuery Plugins
では、以下に使い方を紹介していきます。
デザインをしていると、この要素とあの要素の高さを揃えたい！ということが多々あります。
Photoギャラリーなんかで多いですかね。
複数のブロック要素の高さを揃える方法は、色々紹介されていますが、特徴を踏まえてまとめてみたいと思います。
JavaScriptライブラリjQueryとPHPを使って素人でも簡単に更新が出来るフォトギャラリーを作成してみました。
作成したといっても色々プラグインを合わせてみたりコードを参考にさせてもらったりですが。ImageSliderってのは私が勝手につけた名前ですw
まずはデモから。
→ImageSlider
サンプルの写真は写真素材 足成【フリーフォト、無料写真素材サイト】から拝借しました。
詳細は以下よりどうぞ。
caraldo_K
Webディレクター的な事やってます！
iPhone楽しい！マラソン・ロードバイクで肉体改造計画中！でも一番好きなのは漫画です㌰㌰⋋( 'Θ')⋌㌰㌰
poooooon
最近Web屋になりました。iPhoneとねこが好きです。ロードバイクは好きと良く言いますが全然乗ってません。
- Web [56]
- スマートフォン [13]
- Android
- iPhone [13]
- デザインツール [12]
- Fireworks [3]
- Illustrator [1]
- Photoshop [6]
- パソコン [29]
- プログラミング [43]
- JavaScript [20]
- MovableType [22]
- PHP [8]
- 個人的ななにか [49]
