THE HAM MEDIA BLOG

先日の４月２８日に、札幌で第１回XHTML&CSSコーディング勉強会を行いました。
初めての勉強会ということもありましたし、参加者の多くが初心者ということで、内容も初心者向けで行いました。

参加してくださった皆さん、ありがとうございます。

札幌はおいしいスイーツがたくさんあって、有名どころはどこも甲乙つけがたいのですが、最近たべた「かど丸餅店」の『苺大福』は、本当においしかった。人生の中でトップクラスのおいしさだったので紹介しておきす。

昨日「HTMLなどのソースを綺麗に表示するSyntaxHighlighterが2.0になってた」をエントリーしたのですが、今日はカスタマイズ方法を少し紹介しておきます。

SyntaxHighlighter

以前からソースコードを見せるときはこれを使っていたのですが、バージョンが2になっているのには気づかなかった。２にバージョンアップして、表示が良くなったので、すぐにここでも使えるようにして導入してみた。

普段一人とかでしかコーディングしていないと、人の書いたHTMLとかってなかなか見なくなりますよね。ある程度コーディングを覚えたーなんて人は尚更人のコーディング見なくなりませんか？でも、人のコーディングしたHTMLを見るのってとっても勉強になるので、時には他の人の書いたソースをみるようにしませんか？

リストを横並びにした時の空白

リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。

これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか！他の方法とかを含めて検証してみましょう。

キーボードを押した時の処理を出すために、キーを押した時にどのような値が帰ってくるのかをチェックしておこうかなと思い、アルファベッドの文字だけを判定する判定のスクリプトを書いてみた。

ネタ元：mixiコーダー組合コミュ 「トピ立てるまでもない質問はこちら」トピックの質問97

以前「float関連の問題で覚えておくべき５つの対策 」でもfloatについて取上げたことがあるのですが、今回はfloatのclearについてのお話。floatの解除方法について。

ちょっとしたカウントダウンのタイマーが必要になったので、簡単に作ってプラグインにしてみた。

かなりシンプルに、ただ単純にカウントダウンしていくだけ。

2009年第４回目のWebコンのセミナー開催！
今回の開催日は4月17日の金曜日の19:30スタートです！
場所はいつものかでる２・７で開催です！

顧客満足度を高めるためのフローについて、ログ解析活用方法などのお話をしていただけるそうです。

どうしてもOSに依存してしまうアラートボックスやダイアログボックス。しかし、それをきれいに見せてくれる「jQuery Alert Dialogs」というのがある。仕事で、ダイアログボックスを変えたいとの要望があったようで、これを使ってみることにしたので、メモ代わりにエントリー。

ブラウザで確認をせずにコーディングに没頭していると、いつの間にか崩れてしまっているなんてことが結構多くあるのですが、その原因となる部分を見つけるのは、慣れるまではかなり時間がかかってしまう。自分もコーディングを覚えたてのころは、数時間も原因となる箇所を見つけることに悩んだりした時期もありました。

初心者などは、問題となる箇所を見つけるのに苦労したりすると思います。問題を解決させるために、CSSをどんどん加えていったり、important!をつけたりなんてことで解決させようとする人もいると思いますが、今回はその問題となる箇所を見つけるために、しておくといいことを、いくつか紹介します。

小さいブロック要素とかを横並びにさせたいときとか、inline-block使うと便利なんですよね。幅も高さも指定できてしまう要素にみせることができるinline要素になるというのがとても便利。わざわざblock要素にして、floatさせて横並びにさせる、そして並ぶ要素を終わらせたあとはclearをして…なんてことをしていると、指定が多くなってしまうんですよね。ですが、inline-blockを使うと、そんなことしなくても簡単に並べちゃうってのはいいですよね。

しかし、そのinline-blockは、IEやFirefox2などのオールドブラウザだとうまく動作しないことの方が多い。今では使えるようになっているブラウザが多いのですが、IEや以前のブラウザを気にすると、使いどころが少なかったりもする。

もう３月も終わり４月。あぁ、また年齢が一つ増えてしまった...先月はあまりエントリーできませんでしたが、相変わらず検索から来てくださる方の数は減らず。ほぼGoogleからですが…
さて、先月はどんな記事が人気だったのでしょう？まだ読んでいないエントリーがあるかたは、ぜひ読んでください。

４月２９日(水)は祝日で休みなので、その前日の２８日(火)の夜に、札幌のエルプラザにて、初心者から中級者を対象に、XHTML&CSSコーディング勉強会を開催します！

募集人数に達したため、受付を終了しました。

昨日は４月１日エイプリルフール、こんな記事を書いた
「結婚しました！」
でも僕は嘘はついておりませんよ〜

それと、もう一つご報告。

今日は４月１日、エイプリルフールですね。

この度、私THE HAM MEDIAのハムは、Ｈ姫と結婚いたしましたのでご報告しておきます。