ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c8f9026afb6e7a5fc85f7d2a15ba127f8127cc8/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2012%2F11%2F412e470ccff51fb0c131ead5ee4b5c8d.png)
為になるなぁって画像くだちい Tweet 1:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:24:04.45 ID:ySaUGDlj0 こんな感じの奴とか 2:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:24:56.84 ID:BO62LpQx0 5:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:25:59.76 ID:y3WZZ51g0 6:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:27:32.37 ID:ySaUGDlj0 7:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:29:13.97 ID:S9gCkADl0 8:以下、名無しにかわりましてVIPがお送りします:2012/07/16(月) 13:2
iPhone とかの フリックで操作するカルーセル UI を jQuery mobile で作ってる話 (jquery.mobile.carousel) AppStoreとかで、アプリのキャプチャを複数表示したい時にカルーセルなインタフェース(これのAPIの名前わからん)にして画面の高さを節約する事をすると思うんですが、それをjQuery mobileで再現するプラグインを書いてみました。 全画面で画像をプレビューする用途で作ってあります。ポイントは、AppStoreの画面キャプチャ見るやつと同等の動きをするって所です。 画像サイズも画面サイズに合わせて自動的にリサイズして、良い感じに自動的に配置するという。 画面の恥じっこに引っ張ったときの跳ねっ返りも再現してあります。 ぼくAndroidもってないので、Androidな人に是非とも添削して欲しいです。それかAndroid端末下さい。 コ
お好みのローディング画像・ Loading gif ・ローディングアニメーションを、自由にお使いください。 ローディング画像・・ローディングアニメーションのご利用は無料・フリーです。私用・商用に関わらず自由にお使いください。 画像及び、ローディングアニメーションコードのライセンスは、CC0 (クレジット表示不要、改変可、商用可) です。 制限は一切ありませんが、ご利用の際は必ずご自身のパソコンに保存してください。 Web上には、フリーで使える Loading gif 作成ソフトもありますが、出来上がったローディング画像をこのサイトからご利用になると便利です。 「SVG」は、Retinaディスプレイでもきれいに表示されるなどの利点があります。 「Webフォント」は、画像を用意しなくても表示させることができます。 「CSSのみ」は、画像を用意しなくてもCSS コードのみでローディングアニメーシ
Google App Engine では、画像などの大容量メディアのアップロード、ダウンロードを行うために、プロブストア(BlobStore)が用意されています。 ブロブストアを利用すれば、データストアよりも大きなサイズのデータを一括でアップロードして保存することができます。 1GB/月当たりの課金料金も、データストアに比べてブロブストアの方が安いということもあり、画像ファイルなどのサイズの大きいファイルを保存する場合は、ブロブストアがおすすめです。 今回は、ブロブストアを利用してPC上の画像をアップロードした後、アップロードしているデータの情報を取得してみます。 ポイントは以下の点です ・BlobstoreServiceを利用してアップロードURLを生成する ・生成したURLをテンプレートにバインドする ・POSTメソッドを用いてアップロードする なお、今回解説するサンプルプロジェクトの
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている(例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ)。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
kasahiです。 ちょこちょこGoogle App Engineをいじっているのですが、 画像アップロードとAPI(今回はとりあえずFlickr)を使ってみたかったので、 サンプルコードを参考に作ってみました。 「GAEで画像アップロード」 http://kasahi-imgupload.appspot.com/ 参考: Webコピペ屋::Google App Engineで画像アップローダ 「GAEでFlickr APIを使う」 http://kasahi-flickr.appspot.com/ 参考: AppEngineでFlickr APIを使ってみよう « foot mark 基本的には参考リンク先のエントリを参考にさせていただいたのですが、 確かに色々簡単にできるなぁと実感しました。 ただ、画像アップロードに関しては、いわゆるディレクトリにそのままアップロードするのではなく、写
YaneuraLabsさんのブログ記事「GAEのアップローダを作ってみた」はファイルアップロードを どうやったらよいかで大変参考になったのだが、画像だけにしぼった時に、 『画像の横幅、縦幅をどうやったら取得できるのか?』 のやり方が分からなかったので画像アップローダを作ってみた。 以下詳細。 なぜそんなことがやりたかったかというと、 ・アップされた画像が規定の横幅サイズより大きかったらそのサイズにリサイズ また、 ・大きな画像アップロード時に横幅サイズを指定してそのサイズにリサイズ というようなことをしたい時にアップした画像の横幅を取得する必要があったのです。 GAEに触るまではPythonなんてやったことがないので慣習とか右も左もわからず、PHPでは簡単な画像周りの処理方法がま~ったくわからず、GAEのImage APIはリサイズや諸々はできても画
画像の色調補正する時、何を使いますか? 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出
Checkerboard, striped & other background patterns with CSS3 gradients [ad#ad-2] 対応ブラウザはFirefox 3.6+, Chrome, Safariです。 デモページでは画像を使用せずに、ストライプなど計6種類の背景パターンが紹介されています。 デモページ [ad#ad-2] スタイルシートは下記のようになります。 CSS:ストライプ 全てのベースとなる指定です。 L.8-10で、ストライプのサイズを指定します。 .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-siz
Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考: 第2回 JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ:ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.js param.method = 'flickr.photos.search'; ↓ param.method = 'flickr.photosets.getPhotos'; if ( ! data.photos ) return; var list = data.photos.photo; ↓ if ( !
Infomation 当サイト「GIMP初めの一歩」は、 無料グラフィック編集・加工ソフトウェア「GIMP」の 基本操作説明など、初心者向けのGIMPビギナーズサイトです。 自分のサイト・ブログの画像を自作したかったけど イマイチGIMPの使い方が解らない・・・とか とにかく、これからGIMPを始めようとしている 沢山の方々のご参考になればと思います。 News & Update
Google MAPS API V3 の google.maps.Marker で、既定のアイコンを使わずに独自の画像を表示させるサンプルプログラム。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 400px; height: 280px;"></div> <script type="text/javascript"> // 地図 var map = new google.maps.Map(document.getElementById("map"), { zoom: 14, center: new google.maps.LatLng(35.710139, 139.810833), scrollwhe
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例: CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く