We’re getting things ready Loading your experience… This won’t take long.
sourceforge.jp
We’re getting things ready Loading your experience… This won’t take long.
スマートフォン向けに軽量化されjQueryとの互換性を持つJavaScriptライブラリ「Zepto.js」｜BLACKFLAG
今やWebサイトを彩るのに主流といっても過言ではないjQuery。 とても便利で使いやすく構成されていますが、スマートフォン向けサイトなどで使用する場合は レスポンシブWebデザインが重要視されている昨今に対して、 ライブラリファイル自体の重さの負荷が懸念点としてあげられてしまいます。 そんなjQueryをスマートフォン向けに最適化したJavaScriptライブラリ 「Zepto.js」がこの先便利に使えそうだったのでご紹介してみます。 Zepto.js 使い方はライブラリファイルである「zepto.js」を読み込んだ後に jQueryと同じような記述方法でいろいろなアクションを組み込むことができるようになっています。 「zepto.js」で使うことができるアクションやイベントは 上記のライブラリページの左側に一覧で表示されています。 見て分かる通りjQueryと同様の記述でスクリプトを組
Zepto.js リファレンス
このページはjQueryと多くの部分で互換性があるZepto.jsのリファレンスです。このリファレンスはver 1.0RC1を基準としています。 【要注意】このページではjQueryライブラリを、そのままZepto.jsに置き換えてあるだけです。ファイル名もzepto.jsでなくjquery.jsとしてあります。何が動いて何が動かないのか、という点で多少参考になるかもしれません。Zepto.jsはjQueryからコアで必要な部分の機能だけをピックアップしたライブラリです。このため、アニメーション機能はなくjQueryプラグインも動作しません。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 version 1.0RC1 リファレンス
Zepto.js (v1.0rc1) の jQuery との互換性 - メモ用紙
現在は 1.0 正式版が出ています。こちらをご覧ください：App Framework, Zepto.js 1.0 と jQuery との互換性 jQuery と互換性があり、とっても軽い JavaScript ライブラリ Zepto. jquery-1.7.2.min.js が 93 KB なのに対し、zepto.min.js (v1.0rc1) はわずか 23 KB。ファイルサイズだけでなく、スクリプトの初期化も圧倒的に速い。（jQuery 2 では初期化の遅さが改善されるという情報あり） $() 関数での動作の違い 属性セレクタの値は、必ず引用符で括る必要がある。DOM Exception が発生する。 $("a[href^=#]") → エラー $("a[href^='#']") → OK 次のセレクタはプラグイン selectors.js が必要 :visible, :hidden
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
iOS向け最適化サイトを作る際に便利なJavaScriptライブラリ·iOS.js MOONGIFT
iOS.jsはiOS対応のWebサイトを作る際に役立つ機能を提供するJavaScriptライブラリです。 iOS向け最適化サイトを作る際には二種類の方法があります。jQuery MobileやUiUIKitのようなテーマを使って作っていく方法と、フルスクラッチです。もしフルスクラッチで作っていくならば一緒に使ってみてほしいライブラリがiOS.jsです。 通常だとこんな感じに表示されてしまうページが… iOS.jsを通すことでマックス表示にできます。 こんな感じに重なってしまうページも… iOS.jsを通すと適切に分かれて表示されます。 その他、こうやって画面サイズの取得もできます。 iOS.jsではその他、Webアプリモードとして動かしている場合はリンクのターゲットを指定してMobile Safariに飛ばないようにしたり、iOSデバイス限定のスタイルシート設定を加えられたり、iPhone
jAction、Facebook連動スマホアプリ開発用Java Scriptプラグインを公開
jActionプロジェクトは2月14日、HTML5によるスマホ向けコンテンツ制作支援Java Scriptライブラリ「jAction」用に、Facebook 連動スマートフォンアプリ開発を容易にする拡張プラグイン「Facebook クラス」を公開。個人利用はMITライセンス、商用利用は有償(1開発者当たり1万円)にて提供する。 スマートフォン向けFacebook連動アプリは、Facebookモバイルへのアクセス増加や、エンタメ性の向上、シェアボタンなどによるコンテンツの拡散性から、ゲーム/広告マーケティング業界からの需要が高まっている。Web開発者はこのプラグインを使用することで、短期間でFacebook連動スマートフォンアプリを開発できる。 特設サイトでは、同プラグインの実装するログイン処理、友達の画像リスト取得、シェアなどの機能を使用したサンプルゲーム「SOCIAL BLOCK KUZ
面白い！JavaScript+Canvasによる画像差分表示·JS-ImageDiff MOONGIFT
JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。 GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現するのがJS-ImageDiffです。 サンプルです。上が元、中間が変換後そして下が差分となります。どこが違うのか一目で分かります。 左が影無し、右が影ありです。一致している部分だけが表示されています。 サイズが違う場合の差分表示です。 JS-ImageDiffはCanvasタグを使って画像を読み込み、その差分を表示しています。各ピクセル単位で画像を比較して同じであれば黒、違う場合はうまく表示するというやり方でここまで見事に表示できるのが面白いですね。 JS-ImageDif
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Arcticjs/Arctic.js: HTML5 game framework
Message library