Shiny Knob Control with jQuery and CSS3
In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery's new event handling methods to give visitors of your website a new way of interactively choosing a value from a range. KnobKnob is also on Github. Update: Thanks to ranyefet the plugin now works on mobile devices [changes]. The HTML The
Flickr/Google+風に写真を表示·jQuery CollagePlus MOONGIFT
jQuery CollagePlusはjQuery/JavaScript製、MIT License/GPL v2のオープンソース・ソフトウェアです。 写真は見せ方一つで印象が大きく変わります。Webサービスごとに色々な見せ方がありますが、今回はGoogle+やFlickrに似た見せ方を実現するjQuery CollagePlusを紹介します。 こちらが一覧。隙間なくいい感じに並んでいます。 マウスオーバーで説明文が出ます。説明文はHTMLによる装飾がサポートされています。 しかもレスポンシブです。幅を縮めると写真の並びが変わりつつ、隙間なく並んでいきます。 さらに変更した場合。これでもいい感じ。 スマホサイズもばっちり。 jQuery CollagePlusでは縦の高さを一定に保ち、幅をそれに合わせることで写真を隙間なく並べていきます。使い方は簡単で、指定するDOMの中にimgタグを並べて
jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」:phpspot開発日誌
Hello jQuery.PrettyTextDiff - Arnab's Universe jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」 次のようにdiffをjQueryでやってくれます。テキストのbefore,afterをブラウザ上でやってくれます。 ブラウザ上で動的にDIFFを表示できるので、投稿前に、こう変わったよってところを表示できてかなり便利ではないでしょうか。 関連エントリ CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０ 面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」 テキストを新聞風のレイアウトにできるjQueryプラグイン「Columni
jQuery Touchwipe (iPhone, iPad, iPod Touch Gesten Gestures Event Wischeffekt / Wipe Effect)
jQuery Touchwipe Plugin (iPhone, iPad, iPod Touch Gesten / Gestures, Wischeffekt / Wipe Effect) The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens. Die 1 KB kleine Bibliothek ermöglicht das Abfangen des Wischevents auf einem iPhone,
iView Slider
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。 サイズは変更可能で、レスポンシブレイアウトに対応。 フレ
容量はjQueryの13%! 超軽量jQuery「jQuip」に注目
jQueryは人気の高いフレームワークで、軽量高速という特徴がある。いくつかの著名ベンダからCDN経由で提供されており、実質的なダウンロードも高速という状況にある。しかし、最近のjQueryはちょっとサイズが大きくなりすぎたのではないか、そう感じている開発者もいるかもしれない。特にjQueryの特定の機能しか使っていない場合、最新版がでるごとに新機能が増えることに不満を感じている方も少なくないだろう。もうこれ以上サイズを増やさないでほしい、と。 そうしたユーザにとって興味深いプロジェクトが登場した。jQueryをモジュール化して必要な部分のみを利用できるようにした「jQuip」だ。jQuip (jQuery-in-parts)はjQueryをモジュールへ分割し、利用する機能のみを組み合わせて使用できるようにしたフレームワーク。説明によればもっとも基本となるjquip.jsコアのサイズは、ミ
Simple and fast .NET Web Services framework
Simply Refreshing 1 framework for all your services and web apps that's intuitive and Easy-to-use! Never read another text-book to learn another heavy .NET framework again! Super Fast Obscenely fast! Built with only fast, clean, code-first and light-weight parts. Start using .NET's fastest serializers, ORMs, redis and caching libraries! Thoughtfully architected Holistically constructed with remote
KAI TOUCH Project!｜知る・楽しむ｜貝印
6年目となる「カイタッチ・プロジェクト！」につきまして 2013年6月末より貝印公式Facebookページに拠点を移すことになりました。 これまでの、お客様のブログを訪問するスタイルから 社員がさまざまなヒト・モノ・コトへFacebook上でカイタッチし みなさまへ発信する活動へと変わります。 ブログへの訪問は終了となりますが、お客さまの元へお邪魔しタッチすることで たくさんの感動や学びを得ることができました。 貝印社員一同、心より御礼申し上げます。 これからもお客さまの声に触れる姿勢は変わることなく、 カタチにこだわらずに努めてまいります。 誠にありがとうございました。 ▼貝印 公式Facebookページはこちら▼ https://www.facebook.com/kai.corporation また、全国のパティシエを目指す高校生たちが、 世界にひとつしかないオリジナルスイーツで競う「
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
jQuery Proven Performance Tips & Tricks
Performance optimization is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In this talk, we're going to take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011 with some quick wins and a few new surprises along the way.Read less
IE6でjQuery UIのダイアログを開いたとき、裏側のプルダウンが前面に出てきてしまう場合の対応 - ありの日記
今回のシステムではIE6でも動かなきゃダメってことになったんだけど、IE6では日記タイトルのような問題が発生してしまう。 こんな感じで↓ 画面下に見えてる小さいダイアログの上に、裏側のプルダウン（セレクトボックス？)が見事に前面にでてきちゃってます。 そこで、bgiframeというjQueryのプラグインを使って対応することでこの問題が解消されるみたいです。(情報提供してくれたid:stokiwaくんとid:debit-credit-monkeyに感謝です) http://plugins.jquery.com/project/bgiframe 使い方は簡単。上のページからダウンロードして展開したディレクトリの中にあるファイル「jquery.bgiframe.min.js」を読み込むようにしておき、 <script type="text/javascript" src="js/jquery/
jQuery Mobile Alpha 1 Released | jQuery Mobile
Today we’re pleased to announce the first alpha release of the jQuery Mobile project. jQuery Mobile is a user interface framework, built on top of jQuery, designed to simplify the process of building applications that target mobile devices. We’ve made really good progress since we first announced the project two months ago. We’ve created a number of components, layouts, and theming tools to greatl
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery - YUI3 Rosetta Stone
This page is no longer being updated. The YUI team has graciously taken over the upkeep. Check out its new home at jsrosettastone.com 23 March 2010 carlos.bueno.org/jq-yui.html Getting Started YUI3 includes features for dynamic loading and namespacing Common Idioms Some parts of libraries are more popular than others. This first section is a mixed bag of popular idioms in YUI3 and jQuery. Selector
jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。 個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。 文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。 （Traversing以外のmethodはインデントを維持します） そして、末尾には開始行と同じ位置に「;」を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla
高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」:phpspot開発日誌
Plugins | jQuery Plugins 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 ページ右上のページ送りボタンを押せば滑らかに、かつ高速にアニメーションします。 スクリプトはシンプルでありながら、オプション指定が色々とできてカスタマイズ性がある以下のようなコードで実装できます <script type="text/javascript"> $('#slide_holder').agile_carousel({ disable_on_first_last: "yes", next_prev_buttons: "yes", number_slides_visible: "3", slide_buttons: "yes", slide_captions: "Agile Carousel: View Examples With Vari
jqueryのカレンダー集めてみました。 - tacchiniの日記
datePicker datePicker | jQuery Plugins jCalendar jCalendar — a jQuery calendar by ted serbinski jQuery UI Datepicker v3.4.3 jQuery UI Datepicker Datepicker Demo del.icio.us/tag/jquery+calendar Pages tagged with "jquery+calendar" on del.icio.us Search | jQuery Plugins calendar type:project_project Search | jQuery Plugins datePickerかjQuery UI Datepicker v3.4.3のどちらか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery API 日本語リファレンス
Lettering.js - A jQuery plugin for radical web typography.
http://jdtplugins.googlecode.com/svn/trunk/jdtmdnstrongenter/index.html