5509

スライドスクロールページ内リンク slideScroll.js (jQuery非依存)

先日のjQuery.slideScroll.jsでjQuery無しでも動くようにしてほしいと要望があったので
jQueryなしの単体で動作するように微妙に書きなおしました。

こちらはアンカーの指定は出来ずにすべてのページ内リンクに対して動作しますので
タブとかがあるとそこの動きはおかしくなります。タブも使う場合はjQuery依存のほうを使ってください…

slideScroll.jsのサンプルを見る

Read more

スライドスクロールページ内リンク jQuery.slideScroll.js

memo: Easingプラグインで実現するスクロールの方がきれいにスクロールできるのでおすすめです。

jQuery.slideScroll.jsはよくあるページ内リンクをスクロールさせるやつです。
スクリプト内でjQueryはほとんど使ってなくてjQueryプラグインな必要もあんまりない感じですが
アンカーの指定がし易いのと僕がjQueryを99%使ってるのとでjQueryプラグインになってます(*1

*1) jQuery非依存版もあります

スクロール型のページ内リンクは
僕がJavaScriptをやってみようと思ったきっかけでもあって いつか自作できたらいいなぁと思ってたのでした。

jQuery.slideScroll.jsのサンプルを見る
5509でも読み込むようにしたのでサイト中のページ内リンクでも確認できます。
(トピックスがページ内リンクになってるのでそこで確認できます。)
現在はeasingScrollを使っています。

Read more

validation.jsをアップデートしました 2

validation.jsのアップデート画面キャプチャ

今回のアップデートで

  • 複数項目
  • チェックボックス
  • ラジオボタン

をvalidation項目として含むことができるようになり
これによって大体のフォーム項目はカバーできるようになったと思います。

使い方はjQuery.validation.jsの記事に追記しています。
ついでに名前がvalidation.jsからわかりやすいようにjQuery.validation.jsになりました。

ところでRSSを一部配信から全文配信に変えました。

validation.js をアップデートしました

要望のあった

  • select要素のチェック
  • 再入力項目のチェック

を追加しました。サンプルで確認できます。

併せて メールアドレスチェックで指定するクラスが mail から email に変わりました
詳しくはvalidation.jsの記事に追記してるので興味のある人は確認してみてください。

あとは チェックボックスと文字列の長さチェックがあれば…
selectable.jsとの併用もそのうち…

Author

nori
nori
- UI Engineer
Location
- ,