1px欠けの角丸ボックスをCSSだけで作る方法 (はてブより ... | fh9xif | sa.yona.la ヘルプ | タグ一覧 | アカウント登録 | ログイン

1px欠けの角丸ボックスをCSSだけで作る方法 (はてブより)

返信

http://www.webbibo.com/stylesheet/layout/1pxcorner.html

 上のcss を使いブロックにしてみた。 こう配置するだけでも編集っぽくなる。 

編集スタイルをデザイン的によくしていくことで興味を共同編集の方へと誘導していく。

 来年あたりからこのトレンドは出てくるのではないか。

 それのキーになるのが同期ということだろう。 一方でライブな共同編集の現場があり、もう一方で読む人のことを考えたレイアウトがあると。

 Google Wave での共同編集があり、レイアウトデザインは同期した別サーバーでやる。(これは想像だけど)

 ツイットの寄せ集めにしても、今 開発されるべきはそのページデザインだろう。 (下のレイアウト、読む人は少し間を感じないかな..)

* ボックスの色、ちょっと地味だったか...


野口さん打ち上げ成功に笑顔と拍手

 「野口さん、頑張って!」―。宇宙飛行士・野口聡一さん(44)が2度目の宇宙へと旅立った21日早朝、野口さんとゆかりの深い茅ケ崎市などは茅ケ崎市民文化会館(同市茅ケ崎1丁目)で打ち上げのライブ中継イベントを開催。
 .... そして打ち上げへ―。スクリーンに打ち上げ前の野口さんの落ち着いた様子が映し出されると、参加者から歓声が上がった。午前6時52分。10秒前から参加者全員でカウントダウン。ごう音とともにソユーズが無事に打ち上げられると、会場はこの日一番の大きな拍手に包まれた。
i6t5j9er
 ライブ中継イベントでは、宇宙航空研究開発機構(JAXA)の的川泰宣・名誉教授が打ち上げ前にソユーズの特徴などについて解説。野口さんを「アイデアマン」と評し、「今回のミッションでも面白いことをやってくれると期待している」と語った。

 2005年の米スペースシャトルに次ぎ2回目の飛行となる野口さんは船長補佐として、いざというときは宇宙船を操縦する重要な役目を担う。シャトルを含めて日本人が操縦資格を持つのは野口さんが初めて。米ロ両国の宇宙船搭乗は、日本の将来にとっても貴重な経験となりそうだ。

追記 :

 こうレイアウトされた文章の中にTab キーで移動できるリンクを埋め込んでおいて、js の onFocusイベントハンドラでツールチップを次々に出していけないか。

 これちょっとやってみる。

投稿者 fh9xif | 返信 (1) | トラックバック (0)

このエントリーへのトラックバックアドレス:

Re: 1px欠けの角丸ボックスをCSSだけで作る方法 (はてブより)

Tab キーで進む

返信

 Tab キーでリンクのあるところ(aタグ) を渡っていくごとにツールチップが変わる、というしかけを

前のエントリーで思いついた。

 その toDo にしておいたのが、 まーまー ある程度できた。

 どうだろうなーこれ。  まだまだ工夫する必要ありそうかな。

(文章は弾さんの書評文。 部分引用で引用の範囲内だと思う。thanks.)

(リンクは空になっていてどこへも飛びません)


● →

投稿者 fh9xif | 返信 (0)

API | 利用規約 | プライバシーポリシー | お問い合わせ Copyright (C) 2020 HeartRails Inc. All Rights Reserved.