HTMLとCSSでここまでできる! GAE＆Twitter API開発 (1/5)
みなさんこんにちは。ふむふむソフトの飯島です。 前回の記事では、Twitterのタイムラインを表示するサンプルコードの処理内容を解説しました。Pythonの処理やGAEの設定など、やや複雑な説明になってしまいましたが、今回はHTMLとCSSを使ってサンプルをカッコよく変更してみたいと思います。また、ローカルの開発環境で動かしていたプログラムを、GAEのサーバーにアップロードして公開する方法も説明します。 Twitter APIを使うと、たとえばこうなります！（その4） さて、今回も本題に入る前に、当社が作ったTwitter APIのサンプルを紹介します。今回はマイクロソフトのSilverlightを利用した、動きのあるWebサービスです。 見ての通り、もはや説明の必要もないくらい元ネタが分かりやすいサンプルで、某有名映画のオープニング風にTwitterのつぶやきを表示する、というものです。
Pure CSSな吹き出し
Twitterで「CSSで吹き出し作るのブクマし忘れててどこにあったか忘れた……」とかつぶやいたらe_luckさんがImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?を探してきてくれた。このエントリでは枠線をつけるために入れ子になっていたりちょっとわかりづらかったので、ものすごく単純化して解説してみようとかなんとか。 Pure CSSな吹き出しのサンプル: Speech Bubbles とりあえず、吹き出しの尻尾を左下に出すもの(サンプル内では4つめのサンプル)を例にして説明していく。HTMLコードは以下のようなもので、bubbleというクラス名を振ったdiv要素がコンテナ、bodyというクラス名を振ったp要素が吹き出しのベース、tailというクラス名を振った空のdiv要素が尻尾になる。 <div class="bubble
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
