エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」:phpspot開発日誌
エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」 2011年06月17日- JQuery CSS Emoticons Demo - Alfa Jango Blog エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」 ライブラリを読みこめば emoticonize, unemoticonize というメソッドで指定エレメント内のテキストをエモティコンに変換できます。 ↑が↓に変換されます。 様々な種類に対応しています。 テキストを○の画像で囲むだけとかは頭いいですね。さらにrotateするようにしてフォントも変更するよう改造すれば縦になって日本でも一般的に使えそうですね。 追記 6/18) rotateするようになりましたｗ 仕事速いですね 関連エントリ 画像要らずのロー
綺麗なアイコン付きボタン４２個パック:phpspot開発日誌
Mega Web Buttons Pack #1 | Codrops 綺麗なアイコン付きボタン４２個パック。 次のように、ボタンにアイコンが付いてより分かりやすくなっているものをダウンロード可能です。 jQueryとCSSが使われていて比較的容易に実装できてマークアップもシンプルになってます。 アイコンがあると無いとでは格段に見やすさが違いますね。 関連エントリ CSSスプライトでカッコイイボタンを作るチュートリアル シンプルさがなんともいい感じのCSSボタン集「Super Simple CSS Buttons」 CSSでクールなボタンを作るまとめ CSSでボタンを綺麗にスタイルするサンプル集
デスクトップっぽいUIをブラウザ上で再現するjQueryプラグイン・jDesktop
ユニークなライブラリでしたのでメモも 兼ねてシェア。PCのデスクトップのよ うなUIをブラウザ上で再現するjQuery プラグインです。特にWinのような、と かMacライクな、といったものではあり ませんが・・ご覧頂いた方が早いかと 思います。 正直、使い道あるのかな？とも思ったんですが、iPadのようなタッチデバイスのタブレットなんかで動作すればちょっと面白いこと出来そうな気がしますね・・ PCでアクセスした状態です。アイコンはドラッグで移動できます。デスクトップっぽいUIなので直感で操作できるのが最大の利点でしょうか。触っていただければ分かると思いますが、特にWin風でもMac風でも無い感じです。 アイコンはアクセサリーのようなコンテンツが用意されていて、それを起動するボタンです。上画像では電卓を起動しています。 ゲームなんかもあったり。 iPadでアクセスしてみた 気になったので試
jQuery UI のアイコンチートシート:phpspot開発日誌
jQueryUI Icons List / Cheatsheet jQuery UI のアイコンチートシート。jQuery UI を使えば class に特定の値を指定するとアイコンが表示出来ます。 アイコンの量が沢山あるので、チートシートを活用して便利に使うことが出来ます。 CSSスプライトで表現されるので、１個１個指定して表示するよりもパフォーマンス的にもアドバンテージがありますね。 jQuery UI を使う場合は覚えておくとよさそうです 関連エントリ jQuery用のscript.aculo.usがリリース「jQuery UI」 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」
アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」:phpspot開発日誌
アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 2010年11月29日- jQuery.superselect アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」。 以下が普通のselect ですが…。 使用後は次のようにファンシーな感じに。 なんかページデザインとselectボックスのデザインに統一感がないというようなケースや、アイコンを付けてわかりやすく選択してもらいたい場合に使えそうですね。 <option>タグのrel属性にアイコンを設定しておいて、$(element).superselect() とやると実現できるみたいです。 関連エントリ デザイン性に優れたクリエイティブなフォームデザインのサンプル集 斬新なコメントフォームデザイン集
Webデザイナーの為に大量のリソースをリスト化しているWeb Design List
Webデザイナー向けに素材やTips、参考に なるブログなどを大量にリスト化している Web Design Listのご紹介です。リストには アイコンやチュートリアル、ベクター素材の 配布サイトなど、Web制作に役立ちそうな 様々なリソースをまとめてくれていますよ。 こういうお役立ちサイトは助かりますね。リソースの募集もしているみたいです。 いわゆるリンク集です。ギャラリーや、ブログ、アイコンやベクター素材の配布サイト、Photoshop関連、jQueryなどなどにカテゴリ分けされています。 かなり縦長。無駄な装飾もないので探しやすい印象です。 覚えておいて損なさそうです。もっと増えると嬉しいですねー。 Web Design List
MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」:phpspot開発日誌
Identicon5 | Francis Shanahan[.com] MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」。 071e3f61671e790fc492b583a01ae22b のような32バイトのmd5値を、次のようなユニークなイメージに変換してくれるプラグインです。 canvasによって描画されるのでサーバ側のCPUリソースは食いません。 IDを視覚的に同一と認識する場合、32バイトの文字情報を人間の目で比較するのは非常に分かりづらいですが、こうして画像にすることで認識しやすくなりますね。 色々と応用できそうです。 PHPでの実装はこちらにあるそうです 関連エントリ 画像のリサイズに便利なPHPクラスライブラリ Symfony2にも入っているPHP 5.3ベースの超便利ライブラリ集 携帯用HTML〜絵文字、デコメ用PHPライブラリ
テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」:phpspot開発日誌
テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」 2010年03月04日- Emotion Toggle テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」 <a href="#" id="etoggle" style="background: #ddd;">Off Emotions</a> <div class="discuss"> >:) :)) /:) <):) :)] :) :(( :( ;;) ;) >:D< :D :-SS #:-S :-? >:P :P (:| :| :-/ :-* =(( ~X( B-) :-S =)) O:-) :-B =; 8-| L-) :-& :-$ [-( :O) 8-} <:-P :x =P~ #-o =D> @-)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタンやタブ、スライドなどのコンポーネントを実装するjQueryベースのUIライブラリ・Ninja UI
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
jQueryUI Icons List / Cheatsheet