アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」:phpspot開発日誌
Speedometer | Jacob King アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」。 何かが高いスピードが出ているのを示したいようなケースにすぐ実現できます。レアなケースかもしれませんが、サイトのスピードが速くなったとか、なんらかのスピードが高まったのを分かりやすく伝えたいような場合に使えそう。 あんまり使わないかもしれないけれど、レアなパーツなんかをまとめておくと便利かもしれませんね 関連エントリ jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」
ツールチップも出せるニュースティッカー用jQueryプラグイン・Dynamic News
なかなかユニークだったのでメモ的に。 進める、戻る機能の付いたニューステ ィッカーを実装するjQueryプラグインで、 ツールチップもついでに出してくれます。 省スペースで情報を凝縮できるのは なかなかいいですね。 RSSはGoogleAPIを使用しているようです。 ティッカーにマウスオーバーするとnext、prevのボタンと同時にツールチップを表示します。 進むボタンを押すとニューステキストがスライドします。カルーセルをかけ合わせた感じですね。 使い方GoogleAPIキーを使ってRSSを取得し、jQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="https://www.google.com/jsapi?key=*****"></script> <script src="jquery-1.4.4.min.js" type=
ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」:phpspot開発日誌
ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」 2011年04月20日- highlight: JavaScript text higlighting jQuery plugin ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」。 検索エンジンから来た時や、ユーザの入力に応じてインタラクティブにテキストをハイライトできると色々と分かりやすい場面が結構ありそうな気がします。 普通のテキストサイトがあったとして 文字をハイライトさせることで望んでいるテキストがどこにあるか一発で分かります。ページ内検索で１つづつ辿るよりも分かりやすいですね。 使い方は、.hightlight { /* スタイル */ } のようにスタイルを定義しておいて、$(element).highlight('ハイ
jQueryベースの画像スライダー３０まとめ:phpspot開発日誌
Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins | Lava360 jQueryベースの画像スライダー３０まとめエントリのご紹介。 画像スライダーといっても、実に様々なデザインがありますが、３０個もあれば自分の目的に合ったものが見つかりやすそうですね。 全体的にクオリティは高いようです。 昔では想像もできなかったことが実現できていることに色々と感動しますね。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 軽量でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」 画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
使えるjQueryプラグインまとめ「10Useful jQuery Plugins」
webサイトをより効果的に見せるための手段としてjQueryを選択するという事も多いと思います。今回紹介するのは使えるjQueryプラグインまとめたエントリー「10Useful jQuery Plugins」です。 Subway Map Visualization シンプルなものから少し変わったギミックのプラグインまで幅広いジャンルのものが紹介されています。今回はそのなかからいくつかきになったプラグインを紹介したいと思います。 詳しくは以下 arbor.js グラフの可視化ライブラリにより画面のリフレッシュ処理や仕事の効率化が可能になります。ユーザーが必要な情報を選んで表示させたりと、見る人によって得ることのできる情報が異なるコンテンツ制作ができそうです。シンプルな線で綺麗に系統立てられているので、さまざまな場面で使いやすいと思います。 Mobily Playground – Mobily
本体ごとUSBポートに挿せるトイデジタルカメラ「PICK」
ちょっとテンションあがったので反射的 にご紹介。最近はトイデジブームなのか 僕の住んでいる下北沢の雑貨屋さんで しょっちゅう見かけますが、これは初見 でした。トイデジごとUSBポートに挿せる ので無駄なケーブルも、ソフトのインスコ も不要です。 トイデジですけどそこそこ高性能だったのに見た目かわいいのがツボでした。ちょっとしたプレゼントにいいんじゃないでしょうかね。カメラ好きな女の子が随分増えてるみたいですし、こういうの喜んでくれそうじゃないですか。 むっちゃ可愛い。日本製です。 直接挿す このように本体ごとUSBポートに挿しますのでケーブルどこいった、みたいな事も無くなりますね。 動画も撮れるらしいです 割と高性能っていう。動画も撮れるとか凄いｗUSBメモリとしても使えるってあるんですけど、容量書いてないんですが、あんま期待できないですかね・・ 詳細画像方式
夜をテーマにしたクールな Web デザイン33サイトまとめ
夜をテーマにした Web サイトのデザインをするために参考にいくつかサイトを集めてみました。せっかくなので皆さんにも共有しておきます。若干夜は関係なく暗い雰囲気のものも取り込んでいます。
インスピレーションを刺激させたい時に大抵見てまわるWebサイト集
インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基本的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。 というわけで、発想力の有る方には全く役に立たないエントリーです。個人的には勉強を兼ねたWebデザイン、フォトグラフィのためのインスピレーション向上が目的ですが、「発想力を上げる」というのは様々な業種の方にも通ずるものがあるのではないかと思っています。 パッと見、一貫性の無いまとめですが、どのサイトからもアイデアを貰ったことがあるのでそういったWebサイト集になります。順不同。 Dribbble 世界中のデザイナーの作品が見れるサイトです。新しく作ったコンテンツを公開してくれます。色やカテゴリで探せますが、どれも素敵なのでダラダラ見てるのも楽しいです。 Dribbble We heart it
海外の雑誌内のユニークでクリエイティブな広告 - かちびと.net
土曜日なので軽めの話題でも。雑誌内 には必ずと言っていいほど広告スペース があります。それは日本でも海外でも違 いはありませんが、海外の雑誌の広告で、 とてもクリエイティブなものを紹介した記事 があったのでご紹介。 Bored Pandaの21 Creative Double Page Magazine Adsという記事からいくつか面白かったものを。 Adidas: Forever Sport 本をめくると女性がエクササイズしてるように見えるadidasの広告。 Macboook Pro Macbook Pro「俺、超薄いよ。」 Wonderbra: Magazine 見事な谷間を作るワンダーブラの広告。 DHL International Courier Service 国際クーリエサービス・DHLの配送をイメージした広告。 Clinique: Lashes このマスカラ使えばあなたのま
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
