ロールオーバーライブラリ

Takazudo commented 13 years ago

なんかいいっぽいの募集

hokaccha commented 13 years ago

ロールオーバーとかスムーズスクロールみたいな簡単なのは自作でいい気がします。メンテナンスほとんどしないだろうし気になるところがあったらさくっと変えれるし。

kyosuke commented 13 years ago

ロールオーバー、スムーススクロール系は１ファイルでそろってると楽かも。それなりに使われてるっぽいのでyuga.jsを書きなおして新しいバージョンとして公開するというのはどうでしょう？

hokaccha commented 13 years ago

一応こんなんもありますよ。 https://github.com/hokaccha/js-meca

Takazudo commented 13 years ago

整理する必要あると思うんですが、以下各機能について感想です。

http://www.kyosuke.jp/yugajs/

ロールオーバー: なんでもＯＫ

外部リンクは別ウインドウを設定: いらない

ダイアログ: thickbox自体開発ストップなので別のやつの方がいいし、CSSも読み込まないといけないから最小限の雛型にはいれたくない。

ページ内スクロール: あってもいいけどscroller.scrollTo(0)とかscrollTo('#hoge')とかが必要だったので結局自分で作った感じ。それと、これはlive/delegateイベント対応したい感覚。後から読み込まれたコンテンツ内にも適用したいことがあるため。

簡易タブ: なんでもＯＫ

奇数、偶数を自動追加: 最初・最後の要素、空の要素: あってもいいけど、個人的には必要か？と言った感覚。

https://github.com/hokaccha/js-meca

ロールオーバー: なんでもOK

画像のactive: こういうのやったことなかったけどアリだと思う

リンクを別ウィンドウで開く: いらない

IE6で透過png: よりメンテされたライブラリが存在。 http://www.dillerdesign.com/experiment/DD_belatedPNG/ が最も高機能

要素の高さ揃え: なんでもOK…というか個人的にはこのアプローチのJSはほとんど使ったこと無いし使わない。幅やフォントサイズ変更に耐えられないため。でも使う人いるみたいなんで入っててもいいとは思う。

IE6でpositon:fixed: なんでもOK

スムーズスクロール: yuga.jsに同じ

OS判別クラスの付加: 個人的にはこれはheadの中で、html要素にos-winつけてfont-family指定するためにやってるのでその辺でやってしまおうかなぁとか思ってる

IEで画像のlabelをクリック: いれたい。これはlive/delegateイベント対応したい感覚。後から読み込まれたコンテンツ内にも適用したいことがあるため。

placeholder: よりメンテされたライブラリが存在。 https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

両方ともネームスペース切ってやってるけども、各機能を $.fn.hoge にした方がいいと思うんですがどうでしょ。

hokaccha commented 13 years ago

activeのやつはモバイルのも考えるとこんな感じにしたほうがいいかも。 http://webtech-walker.com/archive/2010/12/20184859.html

両方ともネームスペース切ってやってるけども、各機能を $.fn.hoge にした方がいいと思うんですがどうでしょ。

それでも全然いいんですよー。そうするとこれらって全部ファイルわけるかんじにしますかね。それとも自作のやつは一つにまとめてplaceholderとか外部のやつだけ別ファイルって感じかな。

Takazudo commented 13 years ago

なんか理想的にはこんな感じに分けて https://github.com/jquery/jquery/tree/master/src バッチファイル実行したらボスっと1個にまとめられたりとかしたら嬉しいかなーとか思い中。 1個1個が短いだろうし。このutils的なライブラリだけ別にプロジェクト立てたりします？

kyosuke commented 13 years ago

yuga.jsは作ったのが４年前とかなんで、今の事情に合わせて全面的に書きなおす必要があるかと。ほかちゃんのmeca.jsのほうがシンプルでよいかもしれない。この際yuga.jsとmeca.jsを統合するというのもありかも。

yuga.jsを使っている人の意見をまとめると、必要だとおもうのは以下かな。

ロールオーバースクロール現在位置ハイライト簡易タブ

ダイアログ: thickbox自体開発ストップなので別のやつの方がいいし、CSSも読み込まないといけないから最小限の雛型にはいれたくない。

同意。なんどかyuga.jsから外そうと思ったけど当時程よいライセンスのライブラリが見つからず断念。途中まで自分で書いたやつもあるけどメンテするのがだるいので公開はしていない

奇数、偶数を自動追加: 最初・最後の要素、空の要素:

僕もいらんとおもうｗこの機能。

Takazudo commented 13 years ago

ダイアログとか、よく使う系のは、便利ライブラリとしてまとめておくぐらいでいいかなーとか思ってます。 https://github.com/pxgrid/pxg-html-boilerplate/wiki/JavaScript-%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E9%9B%86 そんで、最小テンプレートにはいれてないけど、それ使って作ったデモサイトでは入れておくみたいな。ではメカ優雅的な感じにしますかー

pxgrid / pxg-html-boilerplate

ロールオーバーライブラリ #5