Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le

複数のアイテムを特定の条件で表示したり、非表示にするフィルタリングをCSS3のエフェクトを使ってかっこよく実装するチュートリアルを紹介します。 Filter Functionality with CSS3 [ad#ad-2] チュートリアルでは3種類のエフェクトを使って、フィルタリングを実装しています。 各デモはページ上部の「ALL」「WEB DESIGN」「ILLUSTRATION」「ICON DESIGN」をクリックすると、フィルタリングを実行します。

CSS Buttons with Pseudo-elements | Codrops シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル マークアップは、<a>ほげほげ</a> のように超シンプルなのに次のような立体的に凝ったボタンをCSSで作るチュートリアルです。 素材として使ってもいいですし、テクニックの学習用にもいいですね 1個CSSを作っておけばリッチなボタンがシンプルなマークアップで記述できるというのは素晴らしいですね。 関連エントリ CSSボタン作成チュートリアル＆テクニック集１３ ピュアCSSなソーシャルサイトのログインボタン

Fullscreen Background Image Slideshow with CSS3 | Codrops フルスクリーン背景がスライドショーになるCSS3サンプル。 ページ全体の背景がCSS3によってアニメーションされ切り替わるサンプルとチュートリアルが公開されています。 画像・文字が綺麗にクロスフェードしながら切り替わってなかなかカッコいいものがCSS3をベースに構築されていて勉強になりつつ、そのまま使えそうです デモページ ISDNの時代などはページ全体を背景にすることはタブーでしたが回線の高速化で珍しくなくなりましたね。 今後、よりPCのスペックがあがり回線環境がよくなることで未来はもっともっとリッチになっていきそうですね 関連エントリ CSS3のアニメーションサンプル４７ ピュアCSS3でタイピングアニメーションするデモ CSS3で実装された画像スライドショーサンプル C

画像を使用せずに、リスト要素で実装したシンプルなHTMLで角丸のタブをより美しく実装するチュートリアルを紹介します。 (Better) Tabs with Round Out Borders [ad#ad-2] 下記は各ポイントを意訳したものです。 デモ 実装 デモ デモはChrome, Safari, Firefox, Operaでご覧ください。 IEはたぶんIE10で対応するはずです。 デモページ 実装 まずは、HTMLから。 HTML タブをシンプルなリスト要素で実装します。 <ul class="tabrow"> <li>Lorem</li> <li>Ipsum</li> <li class="selected">Sit amet</li> <li>Consectetur adipisicing</li> </ul> [ad#ad-2] CSS CSSの実装は、少しずつキャプチャと

PxLoader | A Simple JavasScript Preloader#sample1 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 時代はHTML5ですよ奥さん、と電車の中でも聞くようになった今日この頃ですが、HTML5ゲーム等で画像を大量に使う場合でもプレロードして読込状態等も取得できる機能を提供してくれるのがこのライブラリです。 画像に加えてサウンドの読込にも対応しています。 ローディング状態を表示するデモがサイト上で見れます メニュー、ゲーム、トータルといった感じで分割も出来ます。読込に時間がかかってもこういう進捗があれば落ち着きますね ブラウザが対応していないっていうのもあってPCだとまだまだFlashですが、スマホで使っちゃえるかもしれませんね 関連エントリ HTML5のcanvasを使ったアニメーションするタグクラ

問題：iPhone OS 3.0以降に対応するアプリの動作確認のために必要なiOSデバイスは何台？ 先のオプティマイザ問題もあって、iOSデバイスとOSのバージョンを調べてみました。この表での最小OSは、そのデバイスが発売された時点のOSのバージョンで、最大OSはどのバージョンのOSまで対応しているかを示している。(5.0.1)は現在の最新バージョンで、今後も対応するバージョンが上がる可能性があります。 3.xアプリの欄にマル印が付いているのは、OSのバージョン3.xに対応するアプリが動作することを示しており、動作確認をする必要がある。例えば、iPhone 4はOS 4.0以降に対応するので、3.xアプリの欄にはマル印は付いていない。つまり、動作確認をする必要はない（そもそもできない）。そして、iPhone 4はOS 4.xとOS 5.xについてアプリの動作確認をすることになる。 一般にO

※2012/5/14 手を出してから４ヶ月後の使い方を d:id:Nkzn:20120514:1336979844 で紹介しています。 お仕事でHTTPレスポンスを非同期で受け取ってゴニョゴニョするよくある処理をしようとしています。 で、当初はHandler使って非同期処理を実現していたのですが、どうやらJavaの実務経験が乏しい僕では、Threadを直接触るのはまだ不安が残ることが身にしみて分かって来ました。 ということで、今まで敬遠していたAsyncTaskに触ってみようとしたのですが。。。 時代は AsyncTask より AsyncTaskLoader http://archive.guma.jp/2011/11/-asynctask-asynctaskloader.html どうやら時代はAsyncTaskLoaderのようです。ヽ(ﾟ∀ﾟ)ﾉ コンパチに入っているのでAndro

This is yet another JavaScript reference manual viewer. The source document was taken from MDN wiki. The keys are working if the search field has focus or your mouse cursor is in the navigation area. ESC key is global. UP - Previous category / Previous item DOWN - Next category / Next item ENTER - Open category / Load selected item ESC - Clear search field and set focus

はじめに YUV，YUVとよく耳にするが，いったいどれだけフォーマットがあんねん！ YUVとRGBの変換式をよく目にするが，いったいどれだけ定義があんねん！ どうもwebで調べていると，デジタルもアナログも，YUV，YCbCr，YIQの変換式も すべて混沌としていて，どれが正しいのか見当がつかない．筋が通っ ていると思われるものを書きつくってみる． YUVとは 「人間の目は明るさの変化には敏感だが, 色の変化に は鈍感である」 というわけで，色度を抑え、輝度により広い帯域やビット数を 割くことにより、少ない損失で効率の良い伝送や圧縮を実現するフォーマット． デジタル画像の圧縮CODECにおけるフォーマット という観点でまとめる． Y