カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」:phpspot開発日誌
Protip - Yet another jQuery tooltip plugin カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」 表示位置、アニメーションのカスタマイズ、好きなコンテンツの掲載、スキン機能など、これでもかという位ツールチップに込めている辺がある種凄い 表示位置をとっても、基本は４箇所のライブラリがほとんどですが１６箇所選べます 関連エントリ 軽量・レスポンシブなツールチップ実装「tipso」 入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」 ツールチップ等、画面をはみ出していたら表示位置を変える等できる「offscreen.js」 新しいデザインのツールチップサンプル集 ツールチップスタイルのツールバー実装「Toolbar.js」
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」 - かちびと.net
CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テストも出来るWebサービスです。 左上がjsエリア、右上がCSSと言ったように、jsfiddleっぽい仕様なのに加えてHTMLエリアではコードを書かなくても済むようにナビゲーションやボタン等の汎用的なUIコンポーネントやタグが用意されており、簡単に挿入する事が出来ます。 また、各モバイルデバイスのモニタサイズにリサイズして表示を確認する事も出来ます。ひと通り書いたらロゴの横のRANを押せば表示の確認が出来ます。個人的にはもっとシンプルな方が使いやすくて好みですけど、これはこれでなかなか凄い。 Codeply
jQueryTween - Lightest Tweening Engine for jQuery
jQueryTween - Lightest Tweening Engine for jQuery jQueryTween Welcome to jQueryTween - Lightest Tweening Engine for jQuery jQueryTween!! The Lightest Tweening Engine for jQuery This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations. Github Tween.js My Work Demo Developer Friendly Using
サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」
サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」 webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。 Direction-Aware Hover with CSS3 and jQuery さまざまな種類のエフェクトが豊富に紹介されており、サイト自体にどこか物足りなさを感じていた方におすすめのまとめとなっています。 詳
私がよく使っているjQueryプラグインまとめ（スライダー、モーダルウィンドウなど）
こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス
Webページ上に通知を表示するjQueryプラグインの紹介
はじめに 利用者に短い文章などを提示して注意や操作を促す通知は、古くはWindowsのタスクバー（標準では右下）に表示されるバルーン表示、最近ではiOSやAndroidにおけるプッシュ通知の表示など、さまざまなシーンで利用されています。 本記事では、このような通知をWebページの内部に表示することができる以下のjQueryプラグインを紹介します。 noty（多機能な通知表示） Notific8（Windows 8風通知表示） CFToaster（AndroidのToast風通知表示） notyは通知にボタンを配置できるなど多機能であるのに対し、Notific8はWindows 8の通知を再現することに特化したシンプルな内容になっています。CFToasterはさらにシンプルで、AndroidのToastのようにメッセージ文字列を表示するだけのプラグインです。利用目的や表示スタイルにより使用す
jQueryのスライドショーやカルーセルを探してるならこれ使っときんさい！ | cherry-pick BLOG | 株式会社cherry-pick
及川です、忙しさを理由に更新できずにいたので久しぶりとなってしまいました。 お客さんからいただく要望は色々あるんですが、それ以上にスライドショーやカルーセルを実現するjQueryプラグインなんかもありすぎて、50個も100個もまとめているページを良く見かけます。 「いらない、そんなに。」 毎日、毎日思ってます。 そこで、Web制作の現場で毎日のようによく使うスライドショーやカルーセルについて、よくご依頼いただくご要望に合わせて自分がよく使うものをまとめてみました。 Web制作現場でよくつかうjQueryスライドショーのサンプルコード 「実物とは違うアイコンをサムネイルとして使いたい、あのなんか○のやつじゃなくて」 「矢印クリックすると次に行ったり前に行ったり、最後に右の矢印クリックしたら先頭に戻してよ、できるよね」 「アイコンサムネイルクリックするとひもづいた画像に表示切り替えて、もちろん
[JS]コンテンツを効果的にナビゲートするjQueryのプラグインのまとめ
スマフォ・タブレットでよく見かける三本線のナビゲーションをはじめ、コンテンツをスライドしてかっこいいアニメーションで表示されるサイドバー、1ページで構成されたサイト用のナビゲーションなど、あなたの大切なコンテンツを効果的にナビゲートするjQueryのプラグインを紹介します。
Javascriptを使ってここまでできる！凄い動きのサイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。マラガの海の贈り物SEKOです。 フラッシュを使えばサイトはダイナミックな動きを実現しますが、今回はフラッシュでなくてもJavascriptで凄い動きのサイトを集めてみました。 是非参考にしてください。 Javascriptを使った、凄い動きのサイト10選！ MoMA MoMA 円が時系列で表現されております。クリックするとグリンっとまわる動きは気持ちがいいです。ただサイト自体がけっこう重いですね。。 DUB FIRE DUB FIRE マウスを右や左に動かすとサイト全体が動きます。広がりがあり、操っている感もあり、こちらも操作が気持ちいいサイトです。 Volkswogen Volkswogen メインスライドの動きが綺麗です。スクロールで車を操作する年表ページやフォトギャラリーにも楽しい動きが沢山含まれています。 Secret Study Secret Study DUB F
レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」
TOP > javascript , WebDesign > レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」 スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。 Sidr 最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられてい
jqueryを効率よく学ぶ方法は？ - プログラミング学習の窓口
jQueryを学ぼうと思ってネット検索をしても、色々な情報が出てきてどの情報を参考にすればいいか分からないという経験をした方はいるのではないでしょうか。 特に独学で学ぼうとすると、その壁によくぶつかります。ドットインストールのようなメジャーなサービスも使ったことがなければ、その価値は分かりません。 そこでおすすめなのがプログラミングスクールの活用です。最初に何から学ぶべきかといった説明はもちろんのこと、キャリアプランまで相談に乗ってくれるので、ただ単に学んで終わるということが減らせます。 The post jqueryを効率よく学ぶ方法は？ first appeared on プログラミング学習の窓口.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
フルスクリーンのスクロールページを作れるjQueryプラグイン「Alton」:phpspot開発日誌
Blog - Diamond Casino Online
Create Responsive Vertical Timeline with CSS3 & JQuery
cmmntr.com
Image Wall with jQuery and CSS3
Adaptor :: jQuery content slider
W3 Watch Reference
