サイトの操作性ちょっと上げました。
サイトの更新を行いました。
http://antenabibibi.web.fc2.com/
具体的には、各記事の文字部分をクリックしないとこれまではリンク先に飛びませんでしたが、今後はそのブロックをクリックすることでリンク先に移動することが可能になりました。
■技術的な話
テーブルタグを使うと「vertical-align:middle」が使えるので、文字を中央に揃えることができます。
しかし、ブロック単位でリンクしたいとなると、よくネットで説明されているのが、「display:block」でテーブルセルの中身をブロックにする、という方法です。
ところが、block要素にしてしまうと、「vertical-align:middle」が使えない、つまり、中央に揃えることができない問題が出てきます。
positionで寄せるという方法が考えられますが、如何せん面倒です。
ということで、今回取り入れた方法は、tdなどの要素にopen.windowを入れます。
例えばこんな感じです。「td onclick="window.open('リンク先','_blank');"」
このままでは、td要素のa要素をクリックすると、リンク先が2つ開く問題が出ます。(多分)
ここで解決する方法として、a要素を消すということが挙げられますが、そうするとa:visitedなど指定していた部分が無効になり、既に訪問したリンクかどうかがわからなくなってしまいます。
ということで、a要素はやはり必要で、a要素をクリックしてもリンク先に飛ばないようには出来ないかということで探してみたところあるんですねこれが。
「a href="リンク先",onclick="return false"」とするとクリックしても飛ばなくなります。
そしてテーブルをブロック要素のように見せかけるために、オンマウスするとマウスカーソルが変化して欲しいということで、
cursor:pointer;
をクラスなどで定義して、td要素のクラスにコレを入れると、それっぽくなります。
これで完了です。やったね!
どこにもこんな説明がなかったのでまとめてみました。
他の国のYoutubeランキングを簡単閲覧
ということで、Youtubeランキングを各国(アメリカ、フランス、イギリスなどなど)をサイト上で見れるようにしてみました。
http://antenabibibi.web.fc2.com/
普通に海外のランキングを見ようと思っても、ブラウザの設定とかいじらなきゃいけないので、当サイトで簡単一発、英語の勉強などに如何でしょう?という感じでほぼ自分用みたいな感じで作って見ました。
これでリスニングはバッチリだね?!
今後も色々と追加していきたいと思います。よろしくお願いします。
反映されていない場合はキャッシュの削除を今回もよろしくお願いします〜
ニコニコランキングをもっと見やすく
アンテナサイト更新しました〜
http://antenabibibi.web.fc2.com/index.htm
今回の主な変更点は、ニコニコ動画のランキング部をいじって見ました。
こんな感じです。
使い方としましては、上にあるタブをポチポチ押していただくと今まで通り、ランキングのカテゴリ変更できます。
また、動画タイトルをクリックして頂いた場合は、普通に新しいタブで動画ページに移動しますが、画像をクリックして頂いた場合は新しいウインドウで表示するようにしてみました。
そちらはウインドウサイズが弄ってあるので、サクっと開いてサクっと閉じるときに良いのではないかと思います。
他の利点を挙げますと、
■2段組だから、ランキングチェックに便利
■ランキングカテゴリをサクっと切り替えられる
■ALLの場合は本家と違い100件まで表示可能
といった所でしょうか。
人気動画の場合、色をつけたりなどは今後取り組もうかなぁ・・・と
その前にYoutubeに取り組みたいとも思う。
新しいのを閲覧する場合、キャッシュの削除をお願いします。
こんな感じで今後も快適に面白いものを提供する環境を整えていきたいと思います。今後もよろしくお願いします。
http://antenabibibi.web.fc2.com/
サイトで紹介されている記事の人気度をIconで表してみました。
サイトの更新を行いました。
↓こんな感じになりました。
http://antenabibibi.web.fc2.com/
■記事の人気度をアイコンで表すようにしてみました。
各記事のTweet数に伴い、アイコンが満月状?に青色面積が増えてきます。
Tweet数は8段階で評価しています。
Tweet数が800を超えたものには王冠マークをつけてみました。
これはhatenaカテゴリみるとき結構良い感じです。
■Funカテゴリに「カラパイア」を追加登録しました。
p. 2に追加しました。このサイト見つけたときは興奮しすぎて鼻水出ました。
サイト更新されていないという人は、
http://d.hatena.ne.jp/ryou1214/20111027
で説明したように、キャッシュの削除お願いします。
□今後の予定
アイコン化したことでページがスッキリしてきたので、段組でサイト表示もそろそろ取り組もうかと思うのですが、ニコニコカテゴリをとりあえず、どうにかしたいと思っています。
導入してみたものの重すぎて自分でも使わないという分けのわからん状態になっているので。
実は先週末から取り組んでいて、今の半分の読み込みスピードで100件は表示できたので、あとレイアウトが決まれば公開になると思います。少々お待ちください。
◇雑記
風邪を1週間+1日前からひき始めたのですが、全然治らない。
ほんとどうしよう…
記事人気度の指標を表すバーの代替案をテスト版公開
こんばんわ。
Tweet数に伴いバーを長くして記事の人気度を表していましたが、見づらいとの意見をいただいていたので、それの改善に取り組んでみました。
これだと、全体をサクッとながめて人気のものから読んでいけるのではないかと思います。デザイン的にもまだ詰めたいところなので、今回はテストということで以下の階層で公開しておきます。
http://antenabibibi.web.fc2.com/test/
これでスペースが確保できたので、2カラム化?も選択できるようにだったり色々やっていきたいと思います。
雑記:今週末は風邪で死ぬかと思った。これからは非常食を常に用意しておこうと思う。一人暮らしの病気怖い。
複数ページを同時に表示できるようにしました。
サイトの更新を行いました。
主な更新は2点です。
■1点目
・Vip
・Fun
・Hatena
これまで、上記3つのカテゴリでは10サイト毎にページを区切って表示していました。
1ページでまとめて見れるようにという要望を頂きましたので、今回新たに「ALL」ボタンを設置し、全てのサイトが1ページで見ることができるようにしました。
■2点目
いくつかのサイトでPR広告が表示されるようになっていましたが、それらを表示しないようにしました。
他にもサイトについて多くの要望をいただきましたので、今後もより使いやすいように改善していきたいと思います。
今後とも宜しくお願いします。
http://antenabibibi.web.fc2.com/
*追記
そういえば、「Nico」カテゴリでもALLボタン設置してみて動作テストしたのですが、あまりに重すぎてブラクラみたいだったので現在設置しておりません。
ニコニコ動画の人へ→RSSで配信している動画IDと貼り付けに使用する動画IDが異なるバグ?のようなものを早く直して欲しい。
VIPカテゴリに新たなサイトを追加しました
VIPをまとめたサイトの中で、良いサイトが見つかりましたので追加を行いました。
追加を行ったのは「まとめは寝て読む」様です。
vipカテゴリのp. 2から見ることができます。
まだ他にも機能更新する予定なので、今日はもっかい記事書くと思います。
今後とも宜しくお願いします。
http://antenabibibi.web.fc2.com/
*反映されてねぇぞ(゚Д゚)ゴルァ!!な人は、キャッシュを削除していただくと更新されたものが反映されると思います。
chromeのキャッシュの消し方は、
レンチのアイコンクリック → オプション → 高度な設定 →
→ 閲覧データの消去 → キャッシュにチェック
です。