今日19時50分よりゲーム音楽作曲家達の第三回生放送がニコニコ動画で行われます。ゲーム音楽好きの方は要チェックです。
第二回は気づかずスルーしてしまいました。今日は絶対見る。光田康典さんが見れる機会は貴重。
「おとや（貧）」～酒がたりないぜ！～【ニコ生】
2010年7月31日第8回全日本小学校ホームページ大賞
2010年7月30日 第8回全日本小学校ホームページ大賞
全国の小学校のホームページを対象としたコンテストが行われているようです。小学校のホームページといえば、簡単な造りでWeb黎明期にあるような古臭いホームページが多いという印象が強いです。公立校ですと予算がかけられず、教師の片手間に作成という所が多いのでしょう。
都道府県等代表校一覧
この代表校に選出された小学校のホームページを見ましたが、印象が変わりました。ホームページを熱心に活用している小学校もあるんだなぁと。
情報の整理度・見やすさという点で疑問が残る所も見かけられましたが、活用度という点では高い所ばかりだと思います。
目を引いた所を挙げてみます。
—
岐阜県代表
3ヶ月で42万件という恐るべきアクセス数！
—
滋賀県代表
情報の整理度という点では群を抜く印象。余白使いも上手いし、写真のセンスも良い。これが業者ではなく校内で作られているというのだから、相当手馴れな先生がいるのでしょう。
—
広島県代表
作者はきっとMAC好きです。
横スクロールバーを消すには
2010年7月29日 ウェブサイトの右上に下図のようなサブメニューをよく見かけます。企業サイト等は特にサイトマップ等のメニューを配置している例が多いです。
これをやろうとすると、まずヘッダーにdivで段組みしてfloatで並べるという手を思いつくのですが、これはめんどくさいしコード的にも美しくないです。じゃあどうするかというと、下記のような方法を取る事にします。
- サブメニューを相対配置（position:relative）で配置する。
floatなどを使わずに直接動かしちゃいましょうと。
しかし、ここで問題にぶち当たる事になります。
IEでは問題ありませんが、Firefoxでは相対配置で右に動かした分だけ横スクロールが出てしまうのです。大変悩まされましたが、下記で解決できました。
overflow-x: hidden;
ちょっと待って、overflow-x ってIEの独自仕様じゃないんですか？と思って調べてみると、どうやら「overflow-x/y」はCSS3の草案に上がっており標準化される見込みだとか。Firefox・その他モダンブラウザはCSS3として解釈しているようです。