cho45さんがJSDeferredを高速化した手法を少し改良して、JS_Randezvousも高速化してみた。 具体的には、キューイングが遅いsetTimeout（引数に0を渡しても大分待たされる）の代わりに、Imageオブジェクトのイベントを使う。 Imageオブジェクトの本来の用途は画像のプリフェッチだと思われる。srcプロパティを設定すると、オブジェクトをdocumentオブジェクトに追加しなくても自動で読み込み処理が開始されるため、documentオブジェクトに余計なノードを追加しなくても非同期なイベント（loadやerror）を発生させることが出来る。読み込む画像ファイルのURLを空のdataスキームにすると、少なくとも現行のブラウザではsetTimeoutより数倍速く非同期処理を行うことが出来る。 src属性に空のdataスキームを渡すと、大体のブラウザは画像ファイルを開くこ
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法 ◆Tip: High quality CSS thumbnails in IE7 [Devthought] [情報元：画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌] HTMLで画像サイズを強制的に縮小表示させても、きれいに縮小した画像を表示させるCSSテクニックが紹介されています。対象となるのはIE7。ちなみにFirefoxやGoogle Chromeはこのようなテクニックを使用しなくてもきれいに表示されるそうです。初めて知った・・・。 小さい画像を表示する場合、通常はあらかじめ縮小した画像を用意しておきますが、このテクニックを用いれば、場合によってはサムネイルの作成の手間を省くことが出来ます。ただ、実際には表示が縮小されていても、元の画像をそのまま読み込ませているため、ページの構成
バナー配信とかでよくあるアレです。flash が使える環境の場合には Flash で広告を配信して Flash が使えない環境の場合には画像を表示するってヤツです。 Flash まわりにあまり詳しくない僕のところにそんな要望が来ました。 ちょっと調べてみたら、やっぱりライブラリが存在していました！ ヽ(＾A＾ )ﾉ ラッキー☆ Embedding Adobe Flash Player content using SWFObject 2 ってライブラリです。GoogleCode 上で公開されています。 さらに嬉しいことに、「SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ」で日本語訳が公開されていますので、英語が苦手な方でも安心ドキュメント。※最新のドキュメントより若干古いような気がするけど・
Free PowerPoint templates to create outstanding presentations! Design elegant presentations with our free slides for Microsoft PowerPoint and Google Slides. Achieve the perfect design, every time with our exclusive templates, infographics, icons, charts, and diagrams. Charts and diagrams Present your facts and figures effectively with our free charts and diagrams for PowerPoint and Google slides.
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Squidを検索する度に最初に表示される画像検索の結果に吹き出しそうになる開発部・システム運用グループの長野です。前回のロングテールな画像配信のその2ということで、実際の画像配信システムについて書かせて頂きます。 ■プロフィール画像の配信について 前回紹介しましたが、mixiにおいてプロフィール写真を設定を設定しているユーザ数は全体の約70%、1,000万人の方が設定をされています。現在配信をしているプロフィール画像のサイズは180x180、76x76、40x40と３サイズあり、合計3,000万以上のファイル数になっています。また、もっともよく使われる76x76のサイズ1,000万件において、1日にアクセスされる画像の数は800万ファイル以上、うち97%が30回以下と非常に広範囲に渡ってアクセスされています。そのため大量の画像を配信できる仕組みが必要になります。 ■配信システムの全体像 プ
Icons play a critical role in UI design, offering a simple yet effective way of presenting information and direction while improving user experience. Luckily, most icon sets are free for designers to use in many different types of projects, including web and mobile app design. It’s just a matter of finding the icon set that best suits the requirements of your project. That’s where this collection
画像の一部のみを拡大表示するスクリプトの紹介です。 TJPzoom jqzoom requires jquery.js loupe.js shiftzoom.js MojoMagnify mooZoo
Photo Editing and Graphic Design Made for EveryoneBeFunky's all-in-one online Creative Platform has everything you need to easily edit photos, create graphic designs, and make photo collages. Your All-In-One Creative SolutionWatch BeFunky in action to see how it makes your photo editing, collage making, and graphic design workflow seamless. Most Popular FeaturesBeFunky has an amazing collection of
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
デジパのベトナムオフィシャルサイトがオープンしました。 さて、今回はこのデジパベトナムを組むのに辺り、最初は無理（もしくは相当厄介）だと思ってたことが思ったよりカンタンに出来たのでご紹介。 Movable Type 4のデフォルトテンプレートもそうですが、コンテンツの内容が少ない場合に、フッター部分は当然上に来てしまい、下がbodyに指定している背景色になってしまいます。 キャプチャみたいな感じです。 コレがイヤでフッターをページ下部に固定する方法とかを使う事もあるかと思いますが、アレはアレでコンテンツ部分が間延びしてしまう感じも無きにしも非ずだったりします。 と、言うか個人的には1サイトに1ページ有るか無いかも分からないような部分に労力を割きたくないのが正直なトコロなので、出来れば見逃して欲しい部分だったりします。 htmlとbody要素にheight: 100%指定して...みたいなの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
