東京北青山、大阪四ツ橋発、WEBディレクターのブログ

タケダノートjquery

jquery,タケダノート

フォームのラベルがスライドするJS【Sliding Labels】

アバター【3D】見てきました。
後ろ振り向くと全員サングラスかけてる光景が面白かったです。
こんにちわ。たけだです。

inputやtextareaをクリックしたら消えるアレに似てますが、
今度はスライドしてます。

labelタグを使ってるので、CSSを切った状態でも、
崩れずに表示されてます。

Form Design with Sliding Labels
デモページ


jquery,タケダノート

jqueryで雪を降らしてみよう「jSnow」

パンクブーブーはやっぱりおもしろかったです。
メリークリスマス。たけだです。

使えるかどうか分からないきっと使わないjqueryですが、

jSnow

jSnowプラグインを使えば、簡単にページ内に雪を降らすことができます。
雪だけでなく、文字や画像も降らすことができるので、おもしろいかもしれない。

デモ1(雪)
デモ2(文字)
デモ3(画像)

jquery,タケダノート

ブログにソースコード書きたいときは「jQuery Code Expander」

最近一番楽しみにしていたナインティナインのオールナイトニッ本がついに発売されました。
もちろんすぐに手に入れました。
こんにちわ。たけだです。

ブログにコードを書きたいときってあるよね。
方法はいくつかありますが、
今回紹介するのは、
jQuery Code Expander
長いソースコードを書くときは、どうしても広いスペースが必要ですが、
jqueryを使えば伸びたり縮んだり。

デモ


他にも、
SyntaxHighlighter

Google Code Prettify

HIGHLIGHT.JS

を導入すれば、ソースコード書くとハイライト表示してくれて、ソースコードが読みやすくなります。

jquery,タケダノート

メールフォームで使えるクリックしたら消えるアレ「jQuery Inline Form Labels」

8月20日はヤフーの日です。
こんにちわ。たけだです。

inputやtextareaをクリックしたら消えるアレをメールフォームに使いたかったので、いろいろ探したら辿り着きました。

jquery-inline-form-labels

デモ

jquery,タケダノート

ロールオーバーをアニメーションをいい感じに切り替えてくれる『jQueryBlend』

冗談ですが、MT5が発表されて毎日興奮して眠れません。
こんにちわ。たけだです。

グローバルメニューや、バナー、ボタンをロールオーバーで普通に切り替えるんじゃなくて
もうちょいかっこよくアニメーションで切り替えてくれると嬉しいなとか思ったりすることよくあるよね。

見つけちゃいました。

jQueryBlend

デモ

これで、ロールオーバーに新しい動きを取り入れることが簡単にできちゃいますね。