html5j / events

HTML5 Conference Webサイト
7 stars 2 forks source link

セッションテーブルの改善 #66

Closed myakura closed 8 years ago

myakura commented 11 years ago

ほんの一部しか読めず、また全部見るにはモーダルがだるいと思ったのと、JavaScript無効な場合アクセシブルではないので、なんとかできないか構想。

ひとつ目は、クリックしたら残りが見える感じです。JavaScriptが無効な場合は隠れません。引き続きクリックがだるい問題があります。

ふたつ目は、ページ遷移のだるさがあります。一方で、セッション内容を一覧できる利点が生まれます。 ページ遷移がだるい問題は、JavaScriptが有効の場合には一覧へのリンクをpreventDefaultしてモーダルにするとか、そういうことも可能かと思います。

KensakuKOMATSU commented 11 years ago

一つ目の案だと、スマフォサイズの時に辛いかなと思い、採用しませんでした。 (widthがスマフォの横幅を超えているので、全部表示した時に横スクロールの 繰り返しが必要となる)

個人的には、ページ遷移もありかなとは思ったのですが、個人的にはモーダルよりだるいかな と思ってやっていません。ただ、アクセシビリティの観点は僕も気になっていて、 preventDefault 案がいいかなと思います。

myakura commented 11 years ago

個人的には、ページ遷移もありかなとは思ったのですが、個人的にはモーダルよりだるいかな と思ってやっていません。ただ、アクセシビリティの観点は僕も気になっていて、 preventDefault 案がいいかなと思います。

わかりました。この場合、別にセッション個別ページもしくはセッション一覧ページ(テーブルではなく、縦に並べるイメージ)をつくり、テーブルの詳細からそこにリンクするかたちになります。

KensakuKOMATSU commented 11 years ago

ここ、これから始めますねー

KensakuKOMATSU commented 11 years ago

とりあえず、縦セッションページ作りました。 http://localhost:3000/conference/2013/11/sessions_v まだ、モーダルな感じのところとは連携させていません。

ご確認を

KensakuKOMATSU commented 11 years ago

うっ、URL間違えた

http://events.html5j.org/conference/2013/11/sessions_v