コナミの「俯瞰視点で壁を透過表示する特許」が期間満了、3Dアクションゲームのカメラ操作などに影響 | AUTOMATON

2016/05/16 154 users カメラワーク 鳥瞰 AUTOMATON 視界 コナミ

コナミ株式会社（当時の名称）が取得していた「ゲーム空間を鳥瞰で表示する場合に、プレイヤーキャラクターの姿や視界の範囲を、壁や床の存在にかかわらず表示できる特許」が、5月15日付けで存続期間を満了した。3Dゲームのカメラワークにおける利便性を劇的に向上させる技術であっただけに、これまで一部のユーザーからは同特許による使用制限が問題視されてきたが、今後はこの機能を自由に使用することが可能になる見込みだ... 続きを読む

画像のファイルサイズを最大70％減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」 - GIGAZINE

2014/11/18 205 users GIGAZINE コマンドラインツール TinyPNG 圧縮

PNG画像を最大70％圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネッ... 続きを読む

透過PNG/GIF画像を大幅に軽量化！SVG画像に変換する無料のオンラインサービス -ZorroSVG | コリス

2014/11/04 209 users JPEG圧縮 コリス デモ 透過PNG 品質

透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。 デモでは、99KBの透過...記事の続きを読む 続きを読む

Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」-Suikolog

2014/09/04 291 users ファビコン SuikoLog icoファイル プレビュー 画像

Macで簡単に、透過が美しい複数サイズの画像を含むファビコン用のicoファイルをつくりたい！ Macでファビコン（Favicon。ブラウザで表示されるときによくタイトル横に表示されるアイコンのことですね）に利用するicoファイルを作成したいとき、あなたはどんなツールを使ってますでしょうか。 よく紹介されているのが、Macの「プレビュー」を用いて、「Windowsアイコン」として書き出す方法。 Ma... 続きを読む

Twitterで、画像の透過を使った「クリック推奨イラスト」が流行中　ポチッてビックリ - ねとらぼ

2013/09/04 94 users Twitter 創作界隈 とらぼ びっくり 背景

「クリックしてみて」「クリック推奨」――ダースベイダーごっこやハリー・ポッターごっこなど、いろんな写真遊びが流行してきたTwitterで、新たな画像の遊びが流行しています。今回紹介する“クリック推奨イラスト”は、創作界隈のユーザーがハマりそうなちょっと凝った遊びです。投稿されたイラストをクリックすると……あれれ、元の絵になかった背景が浮かび上がってきたぞ？　不思議だーっ！！ 実はこれ、画像の透過機... 続きを読む

「HTML5で冷気を表現したサイトがすごいな」を分解してみた！ / SQUEEZE - Web Design Studio -

2013/07/19 135 users canvas IDEA*IDEA Squeeze 透過PNG

「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過... 続きを読む

IE6～ でもドロップシャドウ、角丸、透過とか書けちゃう『CSS3 PIE』がけっこう素敵でした。 / Maka-Veli .com

2013/02/18 57 users ドロップシャドウ Maka-Veli .com 角丸 IE6

超今さらなヤツらしいですけど、でもこれ、楽チンだなー。 ※2013/2月現在、2.0betaも出ていました。 という事で、このサイトにも一部だけ実装してみました。 微妙に見え方が違う・・・ 使い方 DLした「PIE.htc」というデータをサーバにアップ behavior: url("/PIE.htc"); を、指定したいCSSに記述 ※htcファイルをアップした場所を指定して下さいね div { ... 続きを読む

ウェブデザインにおける透過の効果的な使い方と注意点 | コリス

2013/02/13 237 users コリス 半透明 ウェブデザイン エフェクト ナビゲーション

半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を... 続きを読む

透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応

2012/07/13 564 users PNG IE6対応

2012年 7月 12日 Twitterでこんなウワサを耳にしました。 えすごい、ImageAlpha使うとIE6対応の透過PNG作れるの #cssnitelp23— emi moriyaさん (@emim) 6月 30, 2012 ImageAlpha - IE6でも透明にできるPNGを生成するMac OS Xアプリ | http://j.mp/qzFJR8— Yuya Saitoさん (@cs... 続きを読む

Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER - かちびと.net

2011/06/27 93 users YouTube フェーズ opacity ライブラリ オート

あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね？普通に出来るならちょっと恥ずかしい記事ですけどｗ 透過だけでなく、... 続きを読む

透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net

2010/05/25 421 users 透過PNG ドロップシャドウ net メモ 角丸

IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 I... 続きを読む

PNGおよびICO形式のアイコンが山のように無料ダウンロードできるサイト「Icones.pro」*二十歳街道まっしぐら

2009/10/19 372 users PNG icoファイル PNGアイコン ICO形式 アイコン

Icones.pro PNGアイコンがどっさり手に入る！ 「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由に設定できるようになっています。 また、PNGファイルだけでなく、.icoファイルもダウンロード可能で... 続きを読む

光源や１ピクのラインや透過を使ったウェブレイアウトのPhotoshopのチュートリアル集 | コリス

2009/09/16 301 users シャドウ チュートリアル グラデーション コリス 光源

光源やライトやシャドウ、グラデーション、1pxのライン、透過などを巧みに使用したウェブレイアウトのPhotoshopのチュートリアルを紹介します。 How to Make a Light and Sleek Web L [...] 続きを読む

主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは

2009/03/03 612 users クリックジャッキング JPCERT 攻撃 主要ブラウザすべて

JPCERTコーディネーションセンター（JPCERT/CC）は3日、ユーザーのWebブラウザ上のクリック操作を乗っ取る「クリックジャッキング」と呼ばれる攻撃について、攻撃の概要と対策法を示す技術メモを公開した。 　クリックジャッキングとは、透過指定されたiframeなどの要素に標的サイトのコンテンツを読み込み、これを攻撃者サイトの要素よりも上に配置することで、Webブラウザの画面上には攻撃者サイト... 続きを読む

透過をきれいに使ったウェブデザインいろいろ - DesignWalker

2008/05/21 720 users

最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。 IE6.0以前のバージョンでは、通常、透過PNGがうまく表示されないのですが、 IE PNG Fixなどのスクリプトを使えば、きれいに表示されますね。 透過PNGをうまく使っている例では、こちらのサイトは有名ですね。 Silverback ぱっと見、普通のサイトなのですが、ブラウザの横幅を縮めたり伸ばしたり... 続きを読む

PHPとGDを使って色々作るサンプル:phpspot開発日誌

2006/07/26 76 users ドロップシャドウ PHP phpspot開発日誌 図形 背景

Table of Contents PHPのイメージ関数の紹介、ということで資料が公開されています。 色々便利そうなサンプルがあったので紹介。 HTMLカラーを画像に変換するサンプル 星などの図形を描画するサンプル 時計を描画するサンプル 背景が透過の時計を描画するサンプル アメリカ地図描画サンプル 文字列にドロップシャドウを付けるサンプル 画像サムネイルを作成するサンプル アンチエイリアスを利用... 続きを読む