5509

deliciousとFlickr

deliciousflickr

些細で周知な事でなんでしょうけど。。。

deliciousFlickrはおおまかにいうとどちらも米Yahooの便利なサービスですが
deliciousでFlickrの個別ページ(たとえばこれみたいな)をブックマークすると
写真(画像)のサムネイルが表示されるんですね…

知らなかった…

関係ないですがdeliciousと言えばドメインが前のリニューアル時
del.icio.us から delicious.com
に変わったのは残念でした…

[未完成] スライダーから時間を選択する

せっかくの勉強のログなので未完成・ボツネタも公開しておきます。

スライダーから時間を選択する

経緯

ある案件で時間をスライダから選択できるものがほしい
と言われ、UI Sliderの勉強も兼ねてなんとなく作っていたところ

資料集めてる途中で断然使いやすいものを見つけてしまいなんとなく折れてしまいました。

中途半端な出来。。。

僕が作りかけていたものはこれ。。。
中途半端な感じですけど やりたかったのはこんな感じ。

select要素からスライダ作成して イベント繋げて っていうselectableみたいなやつです。
UI Sliderの使い方は一通り理解できたのでこれはこれでよかったかなぁ。

とりあえず近いうちにUI Sliderの使い方でも解説してみます。

と思ったらマイコミのハウツーにあった…笑

WordPressのホームに表示する画像をランダムで変える

ていうのをリニューアルしたときからしてるんですが(て言っても2枚だけ。。。)
WP Super Cacheのキャッシュ機能で一定時間毎しか更新されないので 全然意味がない…

Smashing Magazineでちょうど紹介されてたので(ちょっと違うけど)ソースでも。

アクセス毎にランダムで画像を切り替える

前もって

  • /img/share/img00.jpg
  • /img/share/img01.jpg

といった具合に画像を用意しておいて以下をheader.phpなどに記述するだけです。


'; // 画像を表示 } ?>

Smashing Magazineはヘッダの背景に読ませてますね。
どっちにしろ最初に書いたようにWP Super Cacheを使ってる場合はあんまり意味ないです…

それよりもスライドでもなんでもギャラリーを作りたいなぁ 勉強用に。

jQuery.validation.jsのアップデート(入力文字数制限)

jQuery.validation.jsアップデートキャプチャ

要望のあった文字数チェックを追加したので使い方の抜粋を載せておきます。
詳しくはjQuery.validation.jsの記事を参照してください。

入力文字数をチェックする場合

パスワードなどの項目に入力文字数の制限をかけたいときは



のようにclassに

  • minX
  • maxX (Xはともに任意の数字)

を含ませます。もちろんmin・maxどちらか一方だけを指定でき、
また他のすべてのチェックと併用することができます。
ただし複数項目のメールアドレスは 文字列に@を含めるので1文字多く数えられます。
(メールアドレスに入力文字数制限を使うことはないと思うのでそのままにしてます。)

AutoPagerize

autopagerize

*WordPressプラグインもあります

Greasemonkeyで有名なAutoPagerize、最近ははてなブックマークでも取り入れられて
機能としてサイト側でやるものかどうかっていう話も聞いたりしました。

AutoPagerizeは一度使ったらもう手放せないくらい便利ですけど
これを自分でやってみました。

Read more

Author

nori
nori
- UI Engineer
Location
- ,