※スマホ対応はしてません。

タグ: Plugin

CSS3のtransformを素敵に扱えるjQueryプラグインを作った。

カテゴリー: JavaScript

ダウンロード

なにこれ?

CSSのtransformプロパティの値を素敵に扱うやつです。 .css()からtransformを扱う際に既存の値を完全に上書きしてしまう問題を解消します。

transform ?

transformはご存知CSS3で追加されたプロパティで、要素を変形(transform)させる事ができます。このプロパティ複数の値を取り得、例えば「小さめで傾ける」という指定の場合は

transform: scale(.8) rotate(-30deg);

のような指定になります。

詳しくはこのあたりとか。

jQuery + transformの問題点

(さらに…)

jQuery.gpFadeImage 1.0を公開しました。

カテゴリー: 拙作

ふわふわ切り替える感じで。

こんな風に、ギャラリーページの入り口みたいなところで使ったらいいんじゃないかなと思います。

サンプルで利用している画像はmofblancより。中の人のひとり、ます子さんとは仲良くしてもらっています。ステルスしないマーケティング。 ⊂(´・Θ・`)⊃

jQuery.gpTop 1.0を公開しました。

カテゴリー: JavaScript, Web, 拙作

正直あまり良い出来ではありませんが……。

とてもとても簡単な、jQueryプラグインのつくりかた。

カテゴリー: JavaScript, Web

先日Yokohama.jsでちょろっとお話しして来ました。その内容を再構築して掲載します。

先に完成品

こんな感じのものをつくります。

とてもとても簡単な、jQueryプラグインのつくりかた。 – jsdo.it – share JavaScript, HTML5 and CSS

仕様

クリックするたびに色が変わる、というものにしましょう。色は引数で渡します。

こんな感じで使います。

$('.rotate_colors').rotateColors(['red', 'green', 'blue']);

では作ってみましょう。

(さらに…)

jQuery.gpObserveText 1.0を公開しました。

カテゴリー: JavaScript, Web

詳細は個別ページで。

今回の監視の仕組みは他にもそのまま応用できそうな気がしてます。