タグ

JavaScriptとjQueryに関するteramakoのブックマーク (8)

  • jQuery 2.0.0 · jsPerf

    Revisions You can edit these tests or add even more tests to this page by appending /edit to the URL. Revision 1: published Andreas Goebel on 2011-2-26 Revision 2: published RoVeRT on 2011-2-26 Revision 3: published Mathias Bynens on 2011-3-27 Revision 4: published on 2011-3-27 Revision 6: published on 2011-4-1 Revision 7: published on 2011-4-1 Revision 8: published jess jacobs on 2011-6-1 Revisio

    teramako
    teramako 2013/05/23
    バニラ総帥「圧倒的じゃないか、我が軍は」
  • jQueryのDeferredとPromise - tkawachi Blog

    JavaScript(というか CoffeeScript)って90年代にブラウザ上で使われていた頃のイメージが拭えず、どうも気持ち悪くて逃げて回ってたんですが、事情があって最近は渋々書いてます。 JavaScripterの皆様にとっては何を今更だとは思いますが jQuery.Deferredを使って楽しい非同期生活を送る方法 を読んで Deferred 便利だな、と思ったので理解したところをメモしておきます。 利用シーン $.get() ってエラーハンドリングできないのか。使えないなー。と思ったとき 複数の AJAX リクエスト(などの非同期処理)を同時に開始して、全部終わったら何かしたいとき。 Deferred object キーになるのは Deferred object です。 状態 Deferred object は状態を持ちます。状態は3つのうちいずれか。 未解決(unresolv

  • 『画面スクロールに合わせてコンテンツを読み込む「jquery.lazyload.js」について。』

    駆け出しWebエンジニア(2年目)の備忘録です。 興味のない人にはまったくよく分からない内容だと思いますが…。 EC-CUBEのカスタマイズとかやってます。 画面の外にある画像データは読み込まずに、スクロールで表示エリアに来たときに読み込みのタイミングを持ってくる「jquery.lazyload.js(Ajax Lazyload)」。 結構画像をたくさん使ってるページ何かに使うと、ページの読み込みが早くなるので重宝します。 …が、バージョンアップしたのを知らずに、まだ古いバージョンを使っている人がいますね。 これ、古いバージョンを使ってると、読み込みのリクエストを2回してしまうのであまり(というか全然)意味がないわけですが、未だに使ってる人がいるんですよね…。 いままでは、こんな感じでよかったわけです。 <script type="text/javascript"> $(function(

    『画面スクロールに合わせてコンテンツを読み込む「jquery.lazyload.js」について。』
    teramako
    teramako 2012/09/28
    jsが動かないと画像が表示される見込みがない仕様は非常に困るんだけどなあ。
  • スペースを有効に、jQueryでスクロールすれば現れるコンテンツ

    このブログのように2カラムのレイアウトでメインコンテンツが長いと、スクロールしたときにサイドのスペースがなくなってしまいもったいないですよね。 サイドのコンテンツが終わった時点で固定されたコンテンツが現れたら無駄なくスペースを使えるのではないでしょうか。 ということで、サイドのコンテンツが終わったら固定されたコンテンツが現れるようにする方法を紹介します。 説明が下手で、イメージしにくい方もおられると思いますので、サンプルを用意しました。 イメージできましたでしょうか? HTML 現れるボックスに何を表示するかによって中身も違ってくるので、とりあえず外枠だけ載せておきます。 <div id="fixed-box"> この中に表示したいコンテンツの内容を記述します。 </div> 挿入場所はサイドのコンテンツと同じ場所にします。 私は、はてブやツイートのボタン、ページ上部までスクロールするボタ

    スペースを有効に、jQueryでスクロールすれば現れるコンテンツ
    teramako
    teramako 2012/06/27
    jsを動かさない設定だとコンテンツが中途半端にfixedで表示されるから、CSSで非表示⇒jQueryで可視化の方が良い。 // あと、空きがあるなら普通に追加しろよ。わざわざa11y下げてどうする。
  • jQueryの.bind(), .live(), .delegate()の違い | JSer.info

    The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。 内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('cli

  • Why and how to create Microsoft Office Minibar with jQuery and CSS3 : Janko Jovanovic

    Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality. In case of MS Word, context is a text selection. Since Minibar always pops up near the mouse pointer it enables users to quickly perform actions related to a selection.

  • jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル

    jQuery: The Write Less, Do More, JavaScript Library 人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発していることもあり、FirefoxエクステンションJetpackでもデフォルトで利用できるようになるなど、さらに露出の機会を増やしている。 jQueryはコアとなる機能を提供し、拡張機能UI、コンポーネントはプラグインとして提供されている。どれだけプラグインを把握しているかが、jQueryを使ってアプリケーションを開発する際のひとつのポイントとなる。8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Sh

  • jQuery Selectors

    Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my

  • 1