mippe | Shared With: Everyone - 5 days ago | css, photoshop, design
mippe | Shared With: Everyone - 7 days ago | japanese, design
mippe | Shared With: Everyone - 7 days ago | Maps, design
ええ、ですから地図は、人が同時に二つのレイヤーを見るという抽象化の概念です。地図とは非常に抽象的かつ現実的なもので、人間の想像力はその間を行ったり来たりして、この図形をどうにか現実世界に結び付ける。それが地図の本質だと思います。
建物を建てると元々の地形の高低差が分からなくなると思うでしょうが、屋根の傾斜があるので地形は依然として屋根に残るのです。
都市化の本質とは、水がちゃんとはけるように、平坦で乾いた地面を作ることです。そうすることで地形を屋根の上にシフトさせて、居住区を乾燥した平坦な土地にします。それでも水は必要となりますが…。
GPS機能を使って象を描くには、かなりの時間を要したに違いない…。
私がGPSが好きな理由の一つに、データを集めるには、GPSを持って外を出歩かなければならないということがあります。このGPSの絵を描こうと思ったら、自転車を出して丸一日をかけなければならない。GPSは最先端を行くテクノロジーであり、1メートル以下の精度で色々なものの位置を知ることができるのに、それを使うには現実の土地を本当にアナログな方法で体験しなければならないのです。
mippe | Shared With: Everyone - Sep 02 2008 | design, Kyoto
mippe | Shared With: Everyone - Sep 02 2008 | graphic, design, bauhaus
mippe | Shared With: Everyone - Aug 27 2008 | photoshop, color, design
mippe | Shared With: Everyone - Aug 18 2008 | design
mippe | Shared With: Everyone - Aug 18 2008 | design
mippe | Shared With: Everyone - Jun 30 2008 | design
mippe | Shared With: Everyone - Jun 28 2008 | javascript, css, design
動作環境は以下のとおり
・Internet Explorer 6 & 7
・Firefox 2.0
・Safari 2.0
・Opera 9.0導入は比較的簡単です。
ダウンロードしたファイルのうち、index.htmlを開いてみるとわかると思います。<link rel="stylesheet" href="bubbles.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/JavaScript" src="rounded_corners.inc.js"></script>
<script type="text/JavaScript">
window.onload = function() {
settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true,
autoPad: true
}
var myBoxObject = new curvyCorners(settings, "rounded");
myBoxObject.applyCornersToAll();
}
</script>呼び出しはこれ。
これを<head>~</head>の中にいれる。後は表示したい部分で呼び出せばOK。
灰色背景の場合
<div class="bubble">
<blockquote>
<p>Works great for blog comments!</p>
</blockquote>
<cite><strong>John Smith</strong> on 1st January 2007 at 3:55pm</cite>
</div>バック灰色、淵が白の場合
<div class="bubble">
<div class="rounded">
<blockquote>
<p>Customize colors and styling to your taste from within the CSS, then simply edit the pointer tip image. Works on any background to fit with your design.</p>
</blockquote>
</div>
<cite class="rounded"><strong>Rounded Bubble</strong> using <a href="http://www.curvycorners.net/">curvy corners</a></cite>
</div>バック黒、淵白の場合
<div id="pimped" class="bubble">
<div class="rounded">
<blockquote>
<p>Expands to fit any layout and scales nicely with big and small font sizes.</p>
</blockquote>
</div>
<cite class="rounded"><strong>Dark Bubble</strong></cite>
</div>お試しあれ。
http://www.willmayo.com/2007/02/10/css-speech-bubbles/
Related Content from Around Faves
design
-
Bathroom lighting For Function
3 Favers - relia - Nov 07 20071 FaverViewed: 68 Times
- KelleeBread - 12 hours ago5 Favers





