webcreatornote.com - webcreatornote リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
JavaScriptで画像のオフラインキャッシュを実装する - KAYAC Engineers' Blog
もうすぐクリスマスシーズンなんですかね？本間です。 巷で話題のイケメンホイホイ（以下イケホイ）ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載！イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで楽しいビューア機能です。 タグ機能はPC版にも搭載されましたので、ぜひぜひみんなで色んなイケメンにタグを付け合ってくださいね。 タグが付くことで、オススメの精度が上がりますよ！ ビューア機能は、自分がゲットしたイケメンズがiPhone上で次から次へと表示される機能です。 オフラインでも表示できる機能付き！ 電車の中で見るも良し、卓上に置いて眺めるも良しです。 あなた好みのイケメンがゾロゾロ。イケメンホイホイのサイトはこちら！ …うーん、ユーザ層がかぶらなそうだな、この記事。 さてさて、本題はHTML5の機能を使った画像のオフライン表示について
Big Sky :: XMLHttpRequestでファイルをアップロード
« pythonで動くtwitter/wassrクライアント「tw2」をWindowsにポーティングした。 | Main | Cache::Memcached::Fastをwin32にポーティングしてみた。 » WassrのAPIには、imageパラメータによる画像アップロードがあるのですが、これに困ってる人がいたので、人助け。 Wassr [お気軽メッセージングハブ・ワッサー] 質問です。Firefox の Live HTTP Headers で確認すると Web のフォームから画像をアップロードすると素のバイナリデータが送信されています。API を利用した POST でも素のバイナリデータで送信しなければならないのでしょうか？ http://wassr.jp/channel/wassr_api/messages/hNHcDCCtja 試しにvimperatorから出来ないか挑戦してたら
sonson@Picture&Software - [iPhone SDK] 最適化PNGファイルの動的作成
iPhone Application Programming Guide(developer only)にもあるように，PNG画像は圧縮した方がいいらしい． XCodeでリソースとして使用するPNG画像は，自動的に圧縮，最適化される．最適化はビルド時にcopypngというコマンドラインツールで自動的に処理される．以下，XCodeの設定項目．デフォルトでPNG画像は圧縮される． UIImageは，最適化PNGで作成したものの方が，描画が速いことがわかっている．あらかじめリソースとして使用するPNG画像は問題ないのだが，ネット経由でダウンロードしたJPEG，GIF，PNG画像は，そうではない．そこで，ダウンロードした画像や動的に作成した画像を最適化PNGに変換する必要がある． そこで，takiuchi氏が最適化PNGを解析し，それを作成するコードを作ってくれた(すばらしい)．しかもMIT Li
Embedded Finance in the US: Customer Experience and Business Models
Embedded Finance in the US: A Game Changer for Customer Experience and Business Models In recent years, fintech and new technologies have significantly disrupted the financial sector. These changes have resulted in the creation of new financial products and services that are more accessible, affordable, and suited to customers’ needs. The rise of embedded finance or embedded financial services is
TAKESAKO @ Yet another Cybozu Labs: 続イメージファイト - HTML 2.0 New Browser Detection
Shibuya Perl Mongersテクニカルトーク#8 で発表した「続イメージファイト」の資料を SlideShare で公開しました。 Shibuya.pm#8 続イメージファイト - HTML 2.0 New Browser Detection JavaScriptやCSS Hacksを一切使わずにHTMLでブラウザを判別するハックの紹介です。 HTML 2.0 - Browser detection [3] ブラウザ判別のデモのページにアクセスすると、使っているブラウザの画像が表示されます。 このimgタグのsrc属性はfirefox2.0、firefox1.5、その他のGeckoエンジンを搭載したブラウザ、Safari2、Safari3、Opera、ie、w3m、lynxなどのブラウザの判別に対応しています。 テキストブラウザの判別
昭和の写真ジェネレータの作り方 - 酒日記 はてな支店
予想外に人気を博してしまった 昭和の写真ジェネレータ(仮) ですが、画像加工の方法を公開しておきます。 [追記] 以下のコードは説明用です。なお、実際に動いているコード(に限りなく近いもの) を CodeRepos に up しました。svnはこちらから 用意するもの。 Perl Imagerモジュール 元ネタの画像 モジュールを load して、画像を Imager オブジェクトに読み込みます。 use Imager; use Imager::Fill; use List::Util qw/ min max /; my $img = Imager->new; $img->read( file => "source.jpg" ); コントラストを落とします。 $img->filter( type => "contrast", intensity => 0.7 ); 少々ぼかします。(小さい
cyano: 30万個ぐらいの静的ファイルを配信するサーバーの選び方
naoyaさんが公開されてるInside Hatena Bookmark's Backend の資料などを読むと、mod_perlなサーバーやMySQLサーバーの選び方の参考になったりするわけですが、世の中を見渡してみても、静的コンテンツ（画像とか）を配信するサーバーの指南書らしきものはなかなか見あたりませんでした。 なので、経験を元に書いてみることにします。 弊社の画像配信サーバーには、平均10kbぐらい（たぶん）の画像が30万個ぐらいあって、それをDell PowerEdge 1750+lighttpdを使って配信してます。 以前は搭載メモリ1GBのサーバーを使っていたのですが、その時のvmstatがこのような感じ。 procs -----------memory---------- ---swap-- -----io---- --system-- ----cpu---- r b sw
PNG ちょっと裏技 (2)
Windows版 IE 5.5以降の CSS 「AlphaImageLoader」で 24BitアルファチャネルPNGを表示する 前回は、SVG ActiveXプラグインを経由する方法でしたが 今回は、基本的にプラグインは不要です。 Internet Expolorer 5.5から DirectX機能が 大幅に強化された事は、Webデザインを勉強されている人は、多分ご存知でしょう。 今から行う方法は、DirectX機能の AlphaImageLoader を使って 24BitアルファチャネルPNGを透過させます。 解説は、まず下の画像を見た後で...。 8Bitグレイ + Alpha-Chanel PNG (IMG) 22.1KB Windows IE だと全く背景に透けていません。 Netscape 6以降や、Moziila、Safari、Mac IE 5では、背景に透けて見えます。 8
Greased Lightbox, enhance browsing on websites that link to images - Shifting Pixel
Joe Lencioni’s Greased Lightbox is a user script that enhances browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, MySpace, deviantART, FFFFOUND!, and Blogger/Blogspot blogs. Requirements Firefox with Greasemonkey extension Safari with GreaseKit Opera 8+ Download Greased Lightbox v0.18 (February 8, 2009, release notes) Make sure to uninstall any old versions of
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
FeedCounterの「readers」表記を変更する方法 - sta la sta
via FeedBurner Tip: Change The Text Inside FeedCount Chicklets 時折、ブログにFeedBurnerの提供しているFeedCounterが表示されているのを目にすることがあります。 ↓こういうやつです。 FeedCounterはFeedBurnerでのブログ読者を集計して「123 readers」と表示してくれるものですが、こちらの記事ではこの「readers」の部分を好きなキーワードに置き換えるTipsが紹介されていました。 単に「読者」と表示するのは味気ないなとお考えの方にオススメのTipsですね。 やり方は、イメージタグのURL(img src="〜の部分)の末尾に &label=好きなキーワードを付け加えるだけでOKです。 試しにいくつか作ってみました。 ただし、いずれの場合も購読者数が少ないと裏目に出るので要注意
Geekなぺーじ：右クリックで保存できない画像、コピペできない文字 (not javascript)
Javascriptなどを使わずに右クリックで保存できない画像の作り方を思いつきました。 もしかしたら、既にwell knowかも知れませんが。。。 あまり実用性はないと思いますが、まあ、ネタの一種だと思ってください。 以下に表示している画像の左半分は右クリックで保存できなくしてあります。 右クリックで画像を保存できないのは、スタイルシート設定で透明な蓋を画像の上に置いているからです。 右クリックは画像に対してではなく、DIVに対して行っている事になっています。 上記サンプルをHTMLをわかりやすく整形したものを以下に示します。 <html> <head> <style> <!-- #myfilter { position:absolute; z-index:2; filter:alpha(opacity=50); -moz-opacity:0.5; width:120px; height
canvas.toDataURL() の引数 - サバニFRP
toDataURL([type][, params]) type image/png か image/jpeg デフォルトは、image/png params type の値によって異なる image/png の場合は transparency=none (無透過?) image/jpeg の場合は、quality=n (画質) n は 1-100 で数字が大きいほど高画質でサイズが大きくなる
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Python Google App Engine Image object
Appcelerator Developer Center - API for (version 1.6.2)
http://cgi.wap2.jp/emoji/imode/
ヤフーの画像はなぜyimg.jpドメインなのか？ サイト高速化の手法とヤフーの失敗例 | 初代編集長ブログ―安田英久
はてなブログ | 無料ブログを作成しよう
