Nodejitsu has joined GoDaddy We are excited to join GoDaddy to help spearhead their largest Node.js product: Website Builder. Please read our blog post to learn more about customer transition plans and our continued support for Open Source within the node community. Want to know all the details? Read the full blog post or read the GoDaddy Announcement. Other popular posts - Scaling Isomorphic Java
バージョンアップしました。詳細は以下記事をご覧ください。[Ex Scroll] スクロールイベントの開始/終了、方向を判別できる jQuery プラグイン - Cyokodog 需要なさそうですが、備忘録ということで。 只今、以前作成した exFixed.js という jQuery プラグインの機能拡張を行っており、その中で、 スクロールイベントの開始、終了時にのみ処理を行う その際、スクロールイベントのスクロール方向に応じて処理を変える という実装が必要になりました。 jQuery におけるスクロールイベントの割当は下記のような記述になりますが、このままではイベントの開始,終了,スクロール方向は判別できません。 $( element ).scroll( function( evt ){ //スクロールイベント内処理 }); 以下の実装で判別できないか考えてみました。 スクロール方向の判別
For about a week, instead of hosting several hundred jQuery plugins and several thousand advertisements for laptop batteries, our plugins repository has been serving up a pretty pathetic message about spam and an allusion to some "new submission process." This happened very suddenly, and we're sorry to everyone who's been inconvenienced. Please allow me a few minutes to explain what happened, wher
Introduction It was pretty hard to find a good color picker a few years back, just recently I have seen many of Javascript color picker plugins released so I decided to make a compilation of what I can find. In this post, I found 11 Javascript Color Picker Plugins. Some of them are really complicated whereas other can be really simple, so I pretty sure one of them will meet your needs. ExColor ExC
twitter facebook hatena google pocket サイトの使い方を見せるのはFacebookなども取り入れている昨今注目の方法です。 jQuery Joyride Feature Tour Pluginでは簡単にそれを実行でき、チュートリアルに利用できそうです。 sponsors 使用方法 jQuery Joyride Feature Tour Pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="joyride-1.0.2.css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.joyride-1.0.2.js"></script> 次
JSDeferred $.Deferred 長年JSDeferredを愛用してましたが、jQueryにDeferredがついたらしいので記憶を整理して慣れていきます。 おさらい 基本チェイン // JSDeferred Deferred.next(function(){ alert("a"); }).next(function(a){ alert('b'); }).next(function(b){ alert('c'); }); // $.Deferred $.Deferred().done(function(){ alert("a"); }).done(function(a){ alert('b'); }).done(function(b){ alert('c'); }).resolve(); 値のリレー // JSDeferred Deferred.next(function(){
これは、Webデザイナーとか、HTML+CSSを普段書いてるような人でJavaScriptをほとんど知らないという人がターゲットで、そういった人らがjQuery使ってちょっとしたものを自分で作れるようになれるようになったらええんじゃないかという感じで書かれた本です。ちょっとしたモノっていうのは、この本で解説している、以下のような機能です。 画像のロールオーバー入力フォームのガイドテキスト(「検索ワードを入力してください」みたいやつ)アコーディオン外部ファイルを読み込んで表作成スライドショータブコンテンツツールチップ 僕は他のjQuery解説本はさっぱり読んでいないんですが、自分がこの本を書く上で目指したことは、「この本を読んだ人が、自分で考えてスクリプトを書けるようになれること」です。いけてるサンプル集が欲しいとか、リファレンスが欲しいとかいう人は、この本はそういうものではないので買わない
JavaScript Advent Calendar 2011 オレ標準コース、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。 今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが出来ますよね。 $("#box").fadeIn("fast"); たった一行で、アニメーション効果を付加することができるので、 プログラマーのみならずデザイナーの方でもjQueryを使っている人は多いんじゃないかと思います。 しかし、簡単なおかげで何をするにアニメーション効果をかけまくってしまったり。 あるいはアニメーション効果なんて無駄! ということで、全然使っていない人もいると思います。 ですが、アニメーシ
This talk is about the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can keep in mind when…
最近Androidとの抗争が激化しているago(@kyo_ago)です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 (※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です) セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
jsonpとかフラッシュから関数呼びたい時とかグローバルな名前空間汚したい時ってありますよね? 他と名前ぶつからないようにするの大変ですよね? (注意:jquery.ajaxでjsonp呼び出す時はjqueryが内部で同じような事をしています) 作り方 jquery.makeNS.jsとか適当に名前をつけて保存します。 /* (C) makoto@2ch.to */ if(typeof jQuery === 'function' && typeof jQuery.makeNS === 'undefined' ) jQuery.makeNS = function($_){ var $ = jQuery; var $default = { top : window, prefix : 'jQuery_', object : {} }; $_ = $.extend($default,typeof
If you’re looking to create a website that’s both modern and stylish, then you’ll need to know CSS and HTML5. These two programming languages are essential for creating responsive and engaging websites. And with our CSS and HTML5 upload feature, you can easily add these files to your site without having to coding from scratch. So if you’re ready to take your web development skills to the next leve
jQuery の jQuery . getScript( url [, success( data, textStatus )] ) メソッドを使った Ajax リクエストで、JavaScriptファイルを読み込み、実行する方法。 実装例(サンプル) 実装例(サンプル)の動作について 「toggle」ボタンをクリックすると、「jquery-sample-getScript.js」のJavaScriptファイルを読み込み、実行、黄色のボックス要素の背景色を、黄色からピンク色に変更する。「jquery-sample-getScript.js」ファイルの内容をピンク色のボックス要素内に表示する。 読み込みが成功すると、「toggle」ボタンの右横に「読み込み成功」と表示する。 「toggle」ボタンを、再度クリックすると、元に戻す。 実装例(サンプル)のソースコード <script> <!--
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /var/www/html/wp-content/plugins/wp-syntax/wp-syntax.php on line 380 Update: I was able to get permission to release the iScroll plugin! Check it out here. Not too long ago I decided to write a jQuery plugin for making the use of iScroll a little less painful. Since I made the plugin at work I’m
Creating Responsive Applications Using jQuery Deferred and Promises Julian Aubourg, Addy Osmani | March 24, 2011 Today we’re going to explore the concept of deferreds - an important feature found in JavaScript toolkits such as dojo and MochiKit, which recently also made its debut to popular JavaScript library jQuery. Deferreds offer a solution for abstracting non-blocking elements (such as the res
jQuery getting too big? The primary goal of this project would be for the feedback/demand to kickstart jquery.com into re-organizing its code-base so it's more modular since we believe we've proved the most useful parts of jQuery is a fraction of its code-base. To this end, follow this project if you want jquery.com to measure the demand for this. Another project with similar goals is http://ender
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く