Navier-Stokes
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20~80のクラス名
メニューを閉じる 商品を探す イチオシ特集 おすすめアイテム 人気デザイン 大ヒットデザイン 新着デザイン アイテムから探す アパレル Tシャツ Tシャツ Pure Color Print トレーナー トレーナー Pure Color Print ラグランTシャツ レディースTシャツ 長袖Tシャツ 長袖Tシャツ Pure Color Print 全面プリントTシャツ ポロシャツ ポロシャツ Pure Color Print パーカー ジップパーカー その他アパレル ベイビーロンパース ドッグウェア スマホケース スマートフォン手帳型レザーケース iPhoneSE(第2世代)/8/7ケース iPhone6/6s手帳型レザーケース バッグ トートバッグ(S) トートバッグ(M) トートバッグ(L) キャリーバッグ 雑貨 マグカップ エプロン 掛時計 腕時計 タペストリー ひざ掛け タンブラー
ModalBoxとは? ModalBoxはMacOS X風のダイアログを表示するライブラリです。ダイアログ内に表示する内容は非同期通信で読み込まれます。表示できる内容はHTMLファイルやテキストファイルのみで、単純に画像を表示することはできません(*1)。ModalBoxはHTMLファイルを表示するためダイアログには決められたボタンだけでなく様々な情報を表示することもできます。また、ModalBoxはprototype.jsライブラリとscript.aculo.usライブラリを利用しています。 ModalBoxはこのURLにあるページからダウンロードすることができます。 ModalBoxのダウンロードサイト ページ上にある「Download latest version」の囲みの中にある「ModalBox 1.5.3」をクリックするとダウンロードが開始されます。ダウンロードしたファイルはZ
アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
アクア風ボタンなのかアクアボタンなのかよく解りませんが… Inkscape導入に際しては前回エントリも参照してくださいね。ファイル容量に注意。現時点での最新版(ver.0.45.1)を用いて作業しています。 0.Inkscapeの起動 まずはどうにかして起動して下さい。下のような画面が出たと思います。 ここで数字の1キーを押します。これによって100%の倍率に変更します。いくら拡大縮小でデータ劣化しないSVGとは言え、あまりにでかいとやりづらいので。右下のZのパラメータが100%になっているのを確認して次へ。 1.正円を描く 左のツールバーの"円/弧を作成(F5)"を選択し、ドラッグすると楕円がかけます。鋭い方はお気づきになったかもですが、下にCtrl押しながらだと真円がかける、とあります。 Ctrl押しながらドラッグして適当な大きさの円を描きましょう。 2.円に線形グラデーションを施す
Bored with the good old orange RSS button? How about a nice little button in 30 color variations and in vector format? Now you will more to choose from. Also working on date buttons and badges. To use them open/import it on your vectorial/bitmap editor of choice [Photophop, Illustrator, CorelDraw] **Update 11/1/07** Check out the second pack of RSS Vector Icons now with 3D translucent look. **Upda
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
Cookie Landとは情報デザインをキーワードとする筑波大学芸術学系木村浩研究室のサイト情報デザインとは何か I 情報デザインとは何か II 情報デザインとは何か III 情報デザインの基本 日本サイン学会 日本展示学会 日本の美術館・博物館・植物園等のURL紹介 日本の大学のURL紹介 ふれあい館岩崎屋(つくば市北条の情報発信・交流拠点) 大学を開くアート&デザインプロデュース 2007 活動報告 大学を開くアート&デザインプロデュース 2008 活動報告 レビュー 電車やバスの優先席はいらない! 情報デザイン(コミュニケーションデザイン) 木村浩研究室(筑波大学大学院人間総合科学研究科/芸術学系) 2006.11.15
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く