1: 名無しさん＠おーぷん 2014/05/14(水)12:50:52 ID:crH891Fqy 3: 名無しさん＠おーぷん 2014/05/14(水)12:51:34 ID:crH891Fqy シュタゲまでのつなぎさ 4: 名無しさん＠おーぷん 2014/05/14(水)12:52:13 ID:crH891Fqy グロとか無いんで安心していいぞ 5: 名無しさん＠おーぷん 2014/05/14(水)12:52:54 ID:ByrlCl3vb 6: 名無しさん＠おーぷん 2014/05/14(水)12:52:55 ID:JDLeWzD0r なんでこんなに持ってんだ 7: 名無しさん＠おーぷん 2014/05/14(水)12:53:05 ID:crH891Fqy 8: 名無しさん＠おーぷん 2014/05/14(水)12:53:21 ID:qWjvS91Ud やっぱPCに保存してるの？

least.jsはJavaScript製のソフトウェア（）です。 スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。 デスクトップサイズ。写真が5列で整然と並んでいます。 マウスオーバーで半透明なフィルタがかかります。 クリックで拡大。キャプションも下に表示されます。 タブレットくらいのサイズ。写真の列が3列に変わりました。 写真の拡大は変わらず。 さらにスマートフォンサイズ。写真は縦1列になります。 この場合は拡大してもさほど変わらないですね。 least.jsのアニメーションは格好が良く、一旦前の写真が引っ込んだ後に次の写真が読み込まれるようになっています。大きな写真を奇麗に見せたい時に使ってみたいライブラリです。 MOONGIFTはこう見

In this tutorial we are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. Adding new photos is as easy as copying two files (a regular image and a thumbnail, preferably 150x150 px) to the gallery folder. CSS3 capable browsers will show a smoothly

gif.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 画像は高品質でサイズが大きければ良い、なんて思われがちですが決してそれだけでは価値ははかれません。そう感じさせてくれるのがアニメーションGIFの存在です。今回はクライアントサイドだけでGIFを生成するgif.jsを紹介します。 表示されているのはGIF画像ですが、実際の元画像はJPEGになります。しかも複数の画像を組み合わせてアニメーションGIFを生成する事もできます。 上の写真と比べてちょっと動いているのが分かるかと思います。速度だって自在に変更できます。 こちらはクオリティを変更できるデモ。品質を落とせばファイルサイズも小さくなります。 品質を高くすればちょっとしたノイズが目立たなくなりますが、それでもGIFの限界はあると言えるでしょう。 GIFの生成処理は重たいため、Web Worke

jsgifはCanvasタグに描画した内容をアニメーションGIFに変換するソフトウェアです。 簡易的なアニメとしてよく使われているのがアニメーションGIFです。まだまだ意外と人気で、動画をあえてアニメーションGIFに変換して楽しむようなサイトも数多く存在します。そんなアニメーションGIFを発展させてくれそうなのがjsgifです。 デモです。ここに色を書き込んでいきます。そしてGenerateボタンを押します。 色がどんどん変わっていくアニメーションGIFが出来上がりました。これはCanvasタグを使って生成されています。 時計です。これもアニメーションGIFです。これもCanvasからできています。 一部が点滅するデモです。 jsgifではCanvasタグを使って描画をし、その結果をアニメーションGIFとして保存させます。つまりアニメーションするCanvasを描く必要があります。画像や写真

無料で利用できるGoogleやMicrosoftの高品質なストックフォト ストックフォトは主にプロの写真家によって撮影された写真で、素人のそれとはやはり質が違うため有料のものがほとんどでそれだけの価値のある写真です。 その性質上、商用利用の業務色が強く比較的一般ユーザーには馴染みが薄いということがあるものの、一般ユーザーが自分のブログや創作活動にも上質な写真素材を利用したいという需要は少なくないと思います。 GoogleやMicrosoftでは自社サービスの付加価値を高める一環として、このようなストックフォトの無料提供を行なっており、一般ユーザーにとっては非常にお得な情報なので紹介してみたいと思います。 まずはGoogleからですが、こちらはGoogleドライブに統合されているGoogle Docsから利用できるようになっています。 Google Docsでドキュメントを作成し画像挿入から

こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map

jpgjsはJavaScriptによるJPEG読み込みライブラリです。 JavaScriptによるバイナリハックは今なお熱い分野です。今回はJPEGファイルを解析、表示を行うjpgjsを紹介します。 左から順番に通常のJPEG、プログレッシブ、グレースケールとなっています。 jpgjsでは指定したJPEGファイルを解析し、Canvas上に描画しています。現状のままでは普通に表示したのと変わりませんが、エンコーダーが実装されるとWeb上でJPEGファイルを加工したり生成したりできるソフトウェアが作れるようになります。 jpgjsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webブラウザで扱える画像系のリソースとしてはJPEG/GIF/PNG/SVGがあります。SVGやCanvasで描いたものをPNGで出力でき

【画像】ロリコン向け雑誌の煽り文酷過ぎﾜﾛﾀｗｗｗｗｗｗｗｗｗｗｗｗ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/12/23(日) 20:28:17.58 ID:AQUHmrzh0 4：以下、名無しにかわりましてVIPがお送りします：2012/12/23(日) 20:29:01.94 ID:RAUKrAlt0 弾けろババア！ 8：以下、名無しにかわりましてVIPがお送りします：2012/12/23(日) 20:29:22.48 ID:DfgQG4NW0 爆ぜろリア充！弾けろババァwww 13：以下、名無しにかわりましてVIPがお送りします：2012/12/23(日) 20:30:13.65 ID:HbwXqDgj0 クソワロタ 9：以下、名無しにかわりましてVIPがお送りします：2012/12/23(日) 20:29:46.73 ID:qN+Aji340 なに

The more products Apple releases, the more widespread Retina displays become. So far we have Retina capable iPhones, iPods, iPads and MacBooks of various sizes, which together make up a pretty substantial audience. Let’s take a look at how you can create special retina graphics for your website so your design looks crisp, sharp and clear on those powerful screens. Why support retina displays? I in

はじめに 今回から「すぐに使えるSCSS入門シリーズ」からタイトルを変えてSCSS・Compassを使ったコーダー向け開発効率アップテクニックを紹介していきます（シリーズは続きます）。 今回作成したサンプル このサンプルはgithubで配布しています。ダウンロードしてソースなどご確認ください。 動作するHTMLサンプルはこちらです。 CSS Spriteって？ CSS Spriteについてお復習いです。 簡単に言うと画像をくっつけてCSSのbackgroud-positionで表示を制御するテクニックです。 CSS Spriteのメリット 画像をくっつけることによってHTTPリクエスト数の削減 マウスオーバーなどで表示を切り替えるがスムーズ（個別に画像を読み込んでいる場合、切り替わったときに読み込みが発生します） CSSのみでボタンなどのアフォーダンスを切り替えることができる CSS Sp