HTML・CSS

先日、MTからWPに乗り換えたこのブログですが、その際、トップページに「最新のレビュー記事/動画記事」をサムネイル入りで表示させるようにしました。

が、ひでさんからいただいたコメントで表示が崩れていることを知り、ちゃんと表示させるのにちょいと悩んだので、備忘録的に記事をアップします。

今年4月、プレ版が行われたCSS nite in 新潟ですが、去る11月7日、正式版第1回目となる「CSS nite in 新潟,Vol.1」が開催され、春に引き続きアタクシ うか も参加してきました。

CSS Nite in 新潟の開催まで、あと2週間ちょいとなりました。

私が参加します！と宣言して以降、徐々にセッション内容が明らかになってきまして、ようやく全てが出揃ったかな？といった状況であります。

今年の4月に行われた「CSS nite in 新潟 プロローグ」に参加して、いろいろと刺激を受けてきてから早半年（CSS nite in NiiGATA 参加レポート参照）。11月7日、今度は正式版「第1回」のCSS niteが新潟市で開催されます。（右写真は前回のもの）

4月11日、新潟市で開催されたWEB系のイベント「CSS nite in NiiGATA」に参加しました。

「Web制作者にとって有益であろうトピック」という広いくくりでトピック／スピーカーを選定している」というCSS nite。新潟でこの手のイベントが開催されるのってすっごく珍しいことなんですよねぇ。

ウェブに関しては所詮素人の域を出ない私ですが、プロの方々に混じって参加してきた様子をレポートしたいと思います。

先日、CSS nite NIIGATA、4月に開催という記事を書いたんですが、所詮はウェブ作成シロウトの私。プロの方々が集まるイベントに参加しちゃっていいもんだろうかと悩んでいたんですが、参加申込みをさせていただきました。

CSS nite NIIGATA、参加します！

4月11日(土)、新潟市で「CSS nite in NIIGATA」が開催されます。

新潟でこの手のイベントが開かれるのは非常に稀っぽいし、CSSレイアウト実践講座なんてサイトを運営している手前、CSSをはじめとしたサイト作成関連の話題には超興味がある。

ってことで、行ってみたいなぁと思いつつ、プロの方々に混じって私みたいなのが参加しちゃってもよろしくて？と思ったり思わなかったり。

リンクの下に引かれる下線って、「これ、リンクだよ！」と分かる一方で、リンクが集まるような場所だったり、アンカーテキストが長かったりすると、逆にゴチャゴチャして見づらくなってしまったりするんですが、この下線をスタイルシート（CSS）を使ってちょっとだけスッキリさせる方法を見つけました。

YouTubeで使用されている画像は、実は一枚の画像 – これを「CSS Sprite」と呼ぶのだそう。ということを、Design Walkerさんのこの記事で知りました。

CSS Spriteを活用しよう
画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省けるのと、読み込みの再に、リクエストが一回で済むので、場合によってはこちらの方が早く読み込まれることになりそうです。

ケータイから投稿するにつれ、文章の短い記事が増えてきたわけですが、その時ちと困るのが背景色。→こんな感じで右サイドバーの長さにメインスペースが負けちゃって、背景色が画面の一番下まで来てくれないんですヨ。

テーブルタグでレイアウトしてる場合は問題なく下までくるんですが、CSSでレイアウトするとこーなっちゃうんですよね…。

でもこれ、CSSと画像で簡単に下までもってくることができます。

私、スタイルシートに関してはちょっとだけ自信を持ってるんですが、それでも毎度毎度FirefoxとIEとの表示のされ方の違いに悩まされます。