ブログ・サイトに貼る主要ソーシャルサービスのボタンソースジェネレータ

はてなブックマークとかTwitterのつぶやくボタンはブログやサイトにあると便利ですよね。でも作るときにいちいちソース探すのも手間やし、一括一発でソースコピれるやつがあったら便利かなと思ったので一発でソース生成するやつ作りました。

URLとタイトル入れて「これでつくる」ボタンクリックでソースが表示されるのでコピって使えると思います。

HTML5でコーディングしたページでjQueryを使うときに気をつけること

そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで（※）要素をごにょごにょする際にちょっとはまったので一応書いておきます。

画像はiPhoneのiPodでアーティストを探しているところですが、同じようなUIを実装したいと思っていて、簡単に言うとスクロールに追従してくる感じなんですけど、複数要素の対応だったり、索引一覧みたいにひっかかった場合に次のタイトルがついてくる的な動きがほしかったのでつくってみました。

サンプルを見たほうが早いと思いますが、このブログのトップのようにタイトルをついてこさせたり、記事ページのようにソーシャルサービスへのリンクやメタ情報などの要素を固定できます。

このブログにも試験的に取り入れていますので確認できますが、HTML5の要素を利用しているためIE8以下では確認することができません。IE8以下での確認は一番上のサンプルでみてください。

マウスオーバーしたときにくるっとひっくり返す（ような）エフェクトで目をひけるかもしれないjQueryプラグインです~~。ちょっと今日は・・・自信ないですｗ~~ぷるぎんのくせに使い方がややこしくなってしまったんですけど反省はしてません。最低限必要やったんやで・・・

テキスト入力エリア（input, textarea）にフォーカスすると入力エリアを拡大して見やすく表示することができるプラグインです。クラスを付与するためフォントサイズもあわせて大きくすることができます。