キーワード検索「Image」
469
世界各都市の地下鉄網の形を分析したところ、それぞれ異なった歴史や地理的条件を持つにもかかわらず「同じ構造」になっていることがわかった。粘菌の成長パターンが実際の都市構造に似ているという研究結果とともに注目されている。 世界の地下鉄の路線図。左上から時計回りに、上海、マドリッド、モスクワ、東京、ソウル、バルセロナ。Image: Roth et al./JRSI 数十年にわたって各都市が成長するなかで...
482
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表...
313
NEWS（11/01/28 17:49）Microsoft、IEの互換性検証用にXP/Vistaの仮想マシンイメージを無償公開XP（IE6/7/8）とVista（IE7/8）を用意、利用期限に注意TweetCheck米Microsoft Corporationは26日、IEの互換性検証を目的とした「Virtual PC」用の仮想マシンイメージ「Internet Explorer Applicati...
241
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」 2011年06月23日- A jQuery plug-in for Lens Effect Image Zooming ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」。 次のように、画像の特定部分の円形のみをズームするようなUIが簡単に...
230
26.websites-with-big-background-images 画面いっぱいに映し出された、美しくてクリエイティブなイメージ写真は、Webサイトを訪れたユーザーに大きなインパクトを与えます。 海外デザインブログDesginBeepで、フルスクリーン写真を有効的に利用したWebサイトデザインを50個まとめたエントリー「50 Creative Use of Large Backgroun...
175
Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins | Lava360 jQueryベースの画像スライダー３０まとめエントリのご紹介。 画像スライダーといっても、実に様々なデザインがありますが、３０個もあれば自分の目的に合ったものが見つかりやすそうですね。 全体的にクオリティは高いようです。 昔では想像もできなかったことが実現...
179
jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for yo...
199
IMGr :: jQuery Image Rounder IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが可能。 赤いボーダーで角丸の例 ボ...
182
![[JS]jQueryを使用したプリロード（画像の先読み）用のスクリプト | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-preloading-images.html)
ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。Preloading Images with jQuery and JavaScriptロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。JavaScript(function($)...
125
ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」 2011年08月24日- AJAX-ZOOM jQuery Image Zoom Viewer & Pan Gallery, PHP - Javascript 360 Spin & Zoom Rotate Fullscreen ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグ...
126
WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」2010年10月14日-Edit images directly in your CMS. Now as a plugin for Joomla 1.5. - Picture Editor, GD, PHP, Open Source, GPL WEB上で画像のリサイズ/回転/切抜き等が可能...
107
はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた jQuery UI v1.8.1 Raphael 1.4.3 - JavaScript Vector Library jQuery v1.6 (function($) { /** * MorphingImage class */ MorphingImage = function(name, data) { this.name = ...
100
1382px x 778px 992px x 559px 768px x 443px 480px x 271px Adaptive Imagesの主な特徴 さまざまなCMSで動作します。 既存のサイトへの導入も簡単です。 サーバー上で動作します。 スマートフォンでの表示を考慮しています。 数分でセットアップができます。 必要条件 Apache 2 PHP 5.x GD ライブラリ Adaptive...
108
Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? 画像なしで実現するCSS吹き出しツールチップ実装サンプルの実装チュートリアルが公開されてます。 CSSのみというわけではなくjQuery UI CSS Frameworkを使っていますが、吹き出し...
84
クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」 限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slidesh...
100
以前にも同じようなものがありましたが、 こちらのほうが良かったのでメモ。リスト （デモでは画像を使っています）にフィルタ リングしてソート出来るjQueryプラグイン。 わずか2KBと軽量で、クロスブラウザ対応 です。便利そうなのでどこかで使いたい ですね。 以前ご紹介したFilter Image Viewも良かったのですが、IE6で表示が微妙でしたが、MobilySelectは問題なく、しかも軽...
87
$('#demo0 input').click(function(){$('#demo0dst').text(showTextInPNG($('#demo0img').get(0)));});Perlでテキストを取り出すソースコードは以下のとおり。#!/usr/bin/env perluse strict;use warnings;use Imager;use autodie;my $img = ...
90
Jimpl Tag Cloud 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」 次のようにHTMLを定義して $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。<div id="tagcloud" class="tagcloud">Image converter. Image...
97
背景に大きくビジュアルを使いたい。そんなときに参考になるのが、『Image Now』。jQueryを使った、背景画像がストレッチするサイトです。jquery.backstretch.jsが使われていて、width:1024pxの画像が、ブラウザサイズに合わせて伸縮しますね。Flashサイトでなくてもこれができるのはいい感じ。画像がランダムに切り替わるんですが、それはfunctionでJavaScr...
84
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッ...
