利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」
TOP > WebDesign > 利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」 マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。 qTip – The jQuery Tooltip Plugin 吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。 詳しくは以下 ■Prototip 2 – Crea
Prototip 2 - Create beautiful tooltips with ease
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」:phpspot開発日誌
bxCarousel | jQuery Carousel Plugin 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 次のようなUIでamazonの関連商品を出すような場合に使えそうです。 個々のアイテム自体はulリストで定義するだけなので簡単。 ブログ記事の最後なんかに設置することもできそう 関連エントリ JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル カルーセルやページャ機能がついたYUI 2.6.0がリリース
カスタマイズ性に優れた ｊQueryカルーセルプラグイン (jCarousel Lite) -稀によくあるブログ
折りたたむ ここではthickboxと併用した時のサンプルソースを 書いてありますが、thickboxを使用しない場合は thickboxの部分を削除してください。 スタイルシートは配布されていないようなので 自分で設定してください。 以下は管理人が最低限これがあればいいかな? って感じで書いたものなので、信頼性は低いです。 <style> .anyClass{margin:0 auto 5px;} .prev{float:left;margin:48px 5px 0 0;} .next{float:right;margin:50px 2px 0 5px;} </style> /*thickboxのスタイルシート*/ <link rel="stylesheet" href="./thickbox_sample.css" type="text/css"
28 Useful JQuery Sliders You Need To Download | Design your way
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net Ever zipped through a sleek album of photos online? That thrill, that seamless glide from one image to the next—the magic at work there, that’s all thanks to jQue
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts
Posted on 11th June 2009 — With jQuery for Designer‘s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it. Earlier: jQuery for Designers: In Live Action Next: API: queue & dequeue Watch Watch jQuery Infinite Carousel screencast (Alternative fla
マルチデバイス対応してわかったこと、もう端末ごとにプロファイルを作らなくちゃいけないんじゃないか
タブレット、スマホ、ガラケー、PC・・・。端末ごとの属性の違いを見てみると！？ ひさしぶりに、プロファイルを複数作りました。とは言っても、既存のプロファイルを複製し、OSやブラウザごとにフィルタリングして計測するためのものです。 ざっとこんな感じにつくりました。Windowsはちょっと多すぎるので、Chrome、Firefox、IE、あとは、Mac、iPhone、Android、docomo、au、Softbank、タブレット。今回リニューアルしてみて、ようやくこの分類に気付きました。 プロファイルにスターを付けておけば、ログイン時にたくさんあってもすぐに見つかります。 マルチデバイス対応を無視できない理由 端末ごとに訪問キーワードに違いがあるのです。 まあ計測期間や当ブログの偏りなどもあるので一概には言えませんが、それでも「自分の端末のことを知りたい」と思うユーザーが多い、というのは納得
Twitter のツイートをアカウント消さずに全て削除する方法
一定期間毎にツイートを消したい人向けに方法をまとめます。鍵付きアカウントをオープンにする場合などに役立ててください。内容は初心者でもできるように分かりやすく説明させて頂いております。実際に消す作業に入るまでなら10分程度で行けます。 追記: 新しいデザインになってからこの方法では削除できなくなりましたので記事末尾に代替方法を紹介させて頂いておりますのでそちらをご覧ください。 Firefox に Greasemonkey をインストールする Firefox をインストールし Greasemonkey を入れます。 Greasemonkey :: Add-ons for Firefox Twitter Delete My Tweet をインストールする Twitter Delete My Tweet とは Twitter の投稿を一括で削除するスクリプトです。既に Greasemonkey が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Content Slider | Responsive jQuery Slider | bxSlider
[JS]画像をスライドするシンプルなカルーセルスクリプト -jCarousel Lite
jQueryサンプル集 | DesignWalker
Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP