How to Create CSS3 Speech Bubbles Without Images JavaScript & CSS SitePoint Blogs 超シンプルなマークアップで実現できるCSS3による画像を使わない吹き出しサンプル。 吹き出しというと実装には若干階層を作ったマークアップが必要と考えますが、CSS3を使うと<p>だけで実現できるようです。 次のような吹き出しも、「<p class="bubble speech">SitePoint Rocks!</p> 」というシンプルなマークアップで実現出来ます。 影もついてますね。 角丸だけなら border-radiusで簡単に実現できそうですが、角のとんがったやつはちょっとしたハックを使っています。 border プロパティで枠線を設定し、左と上の線のみに色をつけることで三角形にしてます。それを２枚重ねることでとんがった

Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新しい楽しさや価値を生むことに多くの人が気づいた。そしてネットは新しい時代に移行した。 同様に新しい時代を築くのではないかと期待されるサービスが登場した。「Color」と呼ばれるスマートフォンアプリだ。このアプリの登場で、シリコンバレーは久々にエキサイトしている。その様子は後述するとして、まずはアプリの機能を説明していこう。 簡単に言うと、写真共有サービス、もしくは写真版Twitterである。アプリを通じて写真を撮れば自動的にネット上にアップされる。「公開」「非公開」の設定はない。写真を撮ればすべてネット上に公開されるようになっている（ただしアップした写真をネット上から削除