> Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
タグアーカイブ: JavaScript
JavaScriptのループはどれが一番高速なのか – Qiita
> |0 で型を認識させることは重要
window.matchMedia – Web API インターフェイス | MDN
> 指定された メディアクエリ文字列のパース結果を表す、新しい MediaQueryList オブジェクトを返します。
Javascriptのスタイルガイドまとめ(おすすめ4選) – Qiita
[JavaScript] localStorage/sessionStorage
# localStorage – localStorageオブジェクトに設定したデータをページの遷移やリロードに関わらず保存、プロトコル、ホスト名、ポートが同一の場合に読み出せる – 同一ホスト名 …
history.pushStateをつかってみる。
pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、 ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //〜
Google Mapsで住所から緯度経度 / マーカーから緯度経度&住所を求める
タイトル通りの内容。地図を登録させるフォームつくる機会があったんだけど、 住所検索だけだと同一番地内などで微妙に位置ずれする。なので、マーカーで緯度/経度を修正して、 投稿時には ・入力した住所 ・マーカーの緯度/経度 をもらってGoogle Mapsを表示させればいいんじゃないかなという話。こんな感じ。http://dl.dropbox.com/u/131731/sample/googlemaps-address_marker.html2011/11/24:ちょっと改良して、ドラッグ時にパーマリンク表示するようにした。
jQueryのフェード系メソッド + IEで、文字が潰れる問題
タイトルの通りなのだけどIE環境で特定要素に、 $(‘div’).fadeIn(‘fast’); など、フェード系のメソッド(sideToggleとかいろいろ)かけると、 文字が潰れてジャギジャギなる。 より具体的にいうと、ClearType(Windowsの文字のアンチエイリアシング方式)が無効になるんだそう。 悔しいこれ。IEでは、透明度を”filter”という独自仕様で指定するのだけど、 コレとフォントのClearTypeが干渉するんだって。 $(‘div’).fadeIn(‘fast’,function() { if ( !jQuery.support.leadingWhitespac…
fsmenu.jsとmootoolsがコンフリクトする問題
fsmenu.js(FreeStyle Menus)というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 (HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい) mootoolsと同時につかうと、コンフリクトして動作しなくなる(fsmenu.jsが)。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum – TYPOlight Open Source CMS にそのままのってるのだけど、 fsmenu.js関連の記述で、 ・…
photosetでいろいろ
先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。というわけで ■デモ(画像切り替え) http://2244.jp/_demo/flickr/02_background/読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すればサイトの背景画像なんかに使うのもいいかもしれない。 ■デモ(スライドショー) http://2244.jp/_d…
PrettyPhoto.jsで表示した要素をスムーススクロール
PrettyPhoto.jsを使ってiframeやインラインコンテンツを読み出す際に、 Windows IE系ブラウザ ページ全体にスクロールが発生している。 prettyPhoto内にスクロールがある。 マウスホイールなどでスクロールさせてる。 という環境下で、 マウスホイールでprettyPhoto内のスクロールを行っていて、 スクロールの始め・終りにあたった時に、 マウスホイールスクロールのフォーカスがページスクロールに移り、 ページがスクロールされて、prettyPhotoなんかガクガク。 (もしくは単にprettyPhoto表示時にスクロールしたらprettyPhotoガクガク) と…