Gears+jQueryでローカルからドラッグ&ドロップによる画像のアップロードを可能にするPlupload
デスクトップなどのローカル上から ブラウザに画像をドラッグ&ドロップし、 アップロードを可能にするPlupload をご紹介します。GoogleGearsと jQueryで実現しているようです。 実装にはGearsAPIが必要になります。 Drag files here.とあるところに、デスクトップから画像をドラッグ&ドロップすると画像を認識し、アップロードする事が可能です。 CMS向けに作成したとの事です。もちろんデスクトップ上に限らず、ローカル上のどこからでもアップロード可能。また、複数の画像をまとめてドラッグ&ドロップでアップロードする事も出来ます。これ、WPに入れられないかな・・・ GoogleGearsAPI Pluploadを使うにはGoogleGearsAPIが必要です。gears_init.jsはGoogleから無料でダウンロード可能ですよ。 Gears以外にMSのSilv
IE6 が死んだらできる10のこと（from Ajaxian） - oogatta のブログ
という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。 http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレクタ（child selectors）が使えるようになる。 孫以下を除く直の子にだけ適用するセレクタが使えるようになります。 #bodyMain > p {} ul > li 24bit PNG の機能を全て使えるようになる。 アルファチャンネル付きPNGがネイティブで使えます。アンチ付き角丸を背景色毎に用意する必要が無くなります。 属性セレクタ（attribute selectors）が使えるようになる。 感覚的にいって class の3割
Google App Engine/JavaにJSPは向いているけどカスタムタグや式言語には注意 - 2010-02-14 - きしだのはてな
JSPはJavaコードに変換されるので、原理的にCPUを使わないということからGoogle App Engineとは相性がいいのだけど、式言語は注意。 式言語は毎回パースされて評価されることになる。それに式言語はJSP中で多く使うことになるので、CPU利用率が大きくなる。 カスタムタグは式言語を使うことがほぼ前提となるし、該当する単純なJavaコードに比べれば処理量が多い。 ということで、アクセス量が多いページに関しては、JSPを使いつつ、<%=request.getAttribute("hoge")%>や<% if(hoge) { %> 〜 <% } %>などで値を埋め込んでいくのがいいんじゃなかろうか。 アクセス量が多くない管理ページなどでは式言語やカスタムタグ使ってもいいと思う。 たとえばブログサイトを作る場合でいえば、ブログを書いたり管理するページでは開発効率が高く処理量も多い技術
Imageのsrcプロパティは非同期で読み込まれる (Kanasansoft Web Lab.)
var canvas=document.createElement("canvas"); canvas.width=160; canvas.height=120; var ctx=canvas.getContext("2d"); var img=new Image(); img.src="data:image/png;base64,(略)"; ctx.drawImage(img,0,0); var imageElem=document.createElement("img"); imageElem.src=canvas.toDataURL("image/png"); document.body.appendChild(imageElem); var canvas=document.createElement("canvas"); canvas.width=160; canvas.heigh
第3回 勉強会に行ったら世界が広がりました | gihyo.jp
本連載では、現在執筆中の技評SE選書には掲載していない、オリジナルのコンテンツをお届けしています。IT技術者が勉強をする場合のゴールとして、技術を身につけて自由自在にその技術を使えるようにする、というものがあると思います。今回はそれとは別の到達点として「転職」を取り上げたいと思います。勉強会を通じて適職を見つけ、転職をした人が周りに何人もいます。彼らを見てみると、転職が成立した条件として、次の3項目の共通項がありました。 実力、もしくは将来のための勉強の習慣を身につけた 自分の実力や将来性をきちんとアピールできた 受け入れ側のニーズとマッチした 今回は、勉強会に参加し転職のチャンスを掴んだお二人と、その転職先の社長さんを加えた三人の方々に、勉強や勉強会について語っていただきました。話に夢中で写真を撮り忘れました。文字ばかりですみません。 佐藤治夫さん（twitter：@haru860）株式
ユーザーにクリックされやすいボタンデザインの5つのポイント
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン（Call to Action Button）はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。
常軌を逸したレベル…ヤギの断崖絶壁を登る能力に驚いた : らばQ
常軌を逸したレベル…ヤギの断崖絶壁を登る能力に驚いた 以前、ヤギの木に登る能力が凄いという写真をご紹介したことがありますが、険しい山岳地帯に住むヤギには、岩だろうと崖だろうと簡単に登ってしまう能力があるようです。 しかしながら実際に断崖絶壁を登るヤギの姿を見ると、重力を無視しているんじゃないかと思うほど無茶しているんです。 野生動物の能力をまざまざと見せつけてくれる、ヤギのロッククライミングをご覧ください。 一歩踏み外せば谷ぞこの狭い通り道。でもこの位はまだ序の口です。 ヤギたちにとっては当たり前の通り道。きっとこの崖を超えないことには次のエサ場へは行けないのでしょう。 お母さんに見守られながら、子ヤギだって登らなくてはなりません。 もう何がどうなっているのか分からないほどの絶壁。 その体で、次はどこに足を掛けられると言うのでしょうか。 いやいや、無理、無理しすぎでしょ…。 ヤギの蹄は、馬
再利用や無料回収も！覚えておきたい“いらないPC”の活用法＆処分法 - はてなニュース
春の新生活を控え、各社がパソコンの新モデルをリリースする時期になりました。今シーズン、買い替えを考えられている方も多いかと思いますが、今使っているパソコンはどうするか決めていますか？もちろん有償での回収が一般的ですが、無償のリサイクル業者や、音楽サーバーとして再利用という方法もあるんです。覚えておいて損はない“いらなくなったパソコン”について取り上げられているエントリーをご紹介します。 ■故障・不用のパソコンはどうすればいい？ 一番メジャーなのは、メーカーに引き取ってもらう方法です。 ▽メーカー受付窓口一覧(家庭から廃棄されるパソコン) :: PC3R 上記のサイトでは、各メーカーの相談窓口の連絡先、引き取りに関するページのリンクが50音順でまとめられており、とても便利です。 こちらは、なんと無償で回収してくれるリサイクル業者。 ▽不用品回収・パソコン廃棄・パソコン処分・無料処分のパソコン
フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning
約半月で 4,000,000PV を華麗にさばく Google App Engine
「なんでも判定ツクール」へ多数のアクセスありがとうございますm(_ _)m 1月末にリリースした当初は僅かのアクセスだったのですが、Twitterで火が付いてからは一気にアクセスが集まり、気が付けば2月1日〜2月16日で4,000,000PVを超えました。 自分では絶対に考えつかないであろうユニークな判定がたくさんできて、私自身もとても楽しんでいます:-D（面白い発想をする人は世の中にたくさんいるものです） このサイトはGoogle App Engine(GAE）＋Pythonで構築しているのですが、このアクセス数ならではのGAE上で体験できたことをざざっと書いていきます。 無料？課金？ まずはじめに大事なこと。 「なんでも判定ツクール」ではGAEを課金状態にしています。無料のQuotaではとてもではないですが、このアクセスは捌けません:D GAE公式サイトには 月間約 500 万ページ
CSSでグラデーションを実現する方法、主要ブラウザ全対応 | エンタープライズ | マイコミジャーナル
Robert’s talk Firefox 3.6 / Gecko 1.9.2のCSSにはグラデーション機能が実装されている。この機能を利用すると背景のみならず要素ごとにグラデーションをかけることが可能になり、画像を使うことなく手軽に美しいUIを実現することができる。 CSSグラデーションを使ってクールなボタンをつくる方法 Firefox 3.6でCSSグラデーションを使う方法 グラデーション実装はFirefox以外のブラウザでも実現されている。Operaはまだ正式サポートしていないが、近いうちにサポートが実現するとみられる。IEではIE 5.5のころからサポートしており、WebKitを採用しているChromeとSafariでもサポートされている。IE8から名前が変わっているが指定する内容は同じまま。 CSSグラデーションは便利な機能だが、現状ではIE、Firefox、WebKit (Ch
真面目にエロサイトを作ってみた【プログラマ編】 - BLOG｜ASTRODEO
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker