ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル:phpspot開発日誌ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル。 これはなかなか凄いCSSテクニックです。CSS3の機能も使って、普通の<img>タグ群で出来ちゃってます。 普通の画像リスト 枠を付けます ちょっと回転させて自然にします。 サンプルは、以下より参照してください。 How To Create a Pure CSS Polaroid Photo Gallery
これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック:phpspot開発日誌
Sexy Music Album Overlays Komodo Media これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なＣＳＳテクニック３０選 本の目次部分のようなリストをCSSでデザインするテクニック
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
[CSS]シンプルなHTMLで画像ギャラリーを実装するスタイルシート
クリックで画像がかわる、軽快な画像ギャラリーを実装するスタイルシートをdevirtuosoから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <ul> <li><a href="#image1" id="tab1"><img src="tab1.jpg" alt="" title="" /></a></li> <li><a href="#image2" id="tab2"><img src="tab2.jpg" alt="" title="" /></a></li> <li><a href="#image3" id="tab3"><img src="tab3.jpg" alt="" title="" /></a></li> <li><a href="#image4" id="t
The Legend of PSP : PSP用漫画ビューア２ -PSP Manga FX-
2008年10月18日23:37 カテゴリ PSP用漫画ビューア２ -PSP Manga FX- 今回は二つ目のPSP用漫画ビューアを紹介したいと思います。 画像の端の白色部分をカットして見やすくできるほか、２つの画像を見開きのように見ることも可能です。 管理人的には、PSPComicより使いやすいです。 またMADE in JAPANなので日本語に対応しています。 PSP Manga FXで出来ること○ZIPやRARで圧縮されたファイルを読み込める ○拡大、縮小、回転機能がついている ○日本語対応 ○画像描画の高速化 ○設定値の保存が可能(アプリ開始時固定) ○表示方法3段階切り替え可能(ノーマル・ズーム・横表示) ○見開き表示可能(本を読んでいるかの様に表示される) ○SELECTを使う主なプラグインと併用可能(music.prxとか...) ●用意する物● ・CFW導入済みのPSP
商品画像の著作権について - OKWAVE
まずメーカーに問い合わせましょう。 そのメーカーから正規に取引している場合、断られる事はあまりありません。 問屋さんを経由して仕入れている場合は、仕入れている問屋さん経由で、問い合わせたほうが良いでしょう。 私もオンラインショップを行っておりますが、私のサイトを見たメーカーさんから、「写真が少しボケている」と言われ、メーカーから商品画像の入ったＣＤ－Ｒが送られてきたことが有りました。 別のメーカーの、カタログの写真の使用許可を求めた時は、まもなく新しいカタログができるので、そちらの写真を使うように言われ、後日カタログがドサッと送られてきたことも有ります。 ただ、質問者が、正規のルートではなく、オークションや倒産品などの商品を仕入れている場合は、簡単には許可がもらえないと思います。 また、商品掲載に関して、メーカーサイドと話ができないような関係では、今後の取引に支障が出ると思います。 メーカ
Google画像検索を100倍使いこなす小技いろいろ :教えて君.net
壁紙を探したり図鑑代わりに使ったりとさまざまな画像の検索に便利な「Google イメージ検索」。だが、普通に検索していては目的の画像にたどり着くまで時間がかかる。イメージ検索を100倍便利に使いこなすための大きめな機能やサービス、アドオンをまとめてみたぞ。 ■画像の「色」を指定する 画像の「色」を指定するには、検索結果のURLのパラメーター部分に「&imgcolor=red」など、色名を入れればよい。その色が多く含まれる画像だけを探してくれる。「imgcolor=red,blue」など複数色を指定する事も可能だ。 http://images.google.co.jp/images?imgcolor=black&hl=ja&safe=off&um=1&q=ipod&imgcolor=red http://images.google.co.jp/images?hl=ja&lr=&safe=
アルファPNGの作り方
[ SiteTop← ] 半透明を表現できるアルファチャンネル付きのPNG画像（αPNG）の作り方を紹介します。作り方と言っても、私の環境（Windows）に依存した一方法に過ぎません。ましてや、最良の方法と言うわけでは当然なく、単なる一例として次の画像を作る際に私が行った過程を紹介します。 「あるふぁ亭」で公開している素材はすべてここで紹介するツールを使用して作成しました。すべて無料で手に入るツールばかりですので、Windowsを使用していて興味のある方は是非試してみてください。もちろん、有料のソフトをお持ちなら、もっと簡単に作成できるかも知れません。 このページではαPNGをそのまま貼り付けています。Win版IE6を除く各ブラウザの最新版では正常に表示されると思いますが、次の画像が“正常な見た目”と同じに見えない場合はお使いのブラウザがαPNGに対応しておらず、こちらの意図とは違う表
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment → Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
JaneStyleでVIPの画像くださいスレから画像をザクザク収集 :教えて君.net
2ちゃんねるの「VIP掲示板」（VIP板）といえば面白ネタ投稿の宝庫。最近ボコボコ立っているのが「女の子の画像ください」というスレッドだ。こうしたスレでざくざく画像を落とすため、JaneStyleを強化する方法を紹介するぞ。 最近のVIPでは、例えば「競泳水着の女の子の画像ください」というスレッドでは、要望通りに競泳水着画像がじゃんじゃんアップロードされまくっている。しかも競泳水着だけではなく浴衣やら黒タイツの女子高生やら微妙にフェチ心を刺激するお題ばかり。もちろん3次元だけではなく2次元の画像も大量にアップされる。これはもうチェックするしかない。 だがVIP板は書き込みの量が異常に多いので1日たたずにスレッドが消えてしまうし、アップされる画像を１つずつ保存するのは面倒くさい。2ちゃんねるブラウザ「JaneStyle」を利用しよう。画像の自動ダウンロード機能でスレッド内の画像を一気にかき
Mac で Picasa Web Albums のアルバムをダウンロードする方法
Google Operating System より、firefox のアドオンを使って、Picasa Web Albums のアルバムをダウンロードする方法。先に書いておくけど、この方法は Firefox さえ使えれば OS を選ばない。Windows や Linux でも OK。タイトルに「Mac」の名前を入れたのは、現状、「Mac」だけが Picasa Web Albums のアルバムをダウンロード出来ないから。 Download Picasa Web Albums Without Installing Picasa 準備 まず、firefox のアドオンと Greasemonkey スクリプトを一つずつインストールする。 DownThemAll! Picasaweb Download Links – Userscripts.org インストールしたら、firefox を再起動。 手
Photoshopで自分の好きな背景画像を作る方法『How to make your own patterns.』 | CREAMU
Design Photoshopで自分の好きな背景画像を作る方法『How to make your own patterns.』 自分の好きな背景画像を作ってみたい。 そんなときにおすすめなのが、『How to make your own patterns.』。Photoshopで自分の好きな背景画像を作る方法です。 以下にご紹介。 例として120x120pxの新規ファイルを作成し、パターンの元となる画像を作成します。 そして、そのレイヤーを複製します。 複製されたレイヤーが選択された状態で、「フィルタ / その他 / スクロール」を選択します。 スクロールダイアログで、カンバスサイズの1/2のピクセル数を入力します。 ここでは120x120pxのファイルを作成したので、60と入力しました。 OKをクリックすると、画像が4分割されて四隅に配置されます。 以上ですね。 以下はオプションです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
https://w3-info.net/post-128.html
サービス終了のお知らせ