コーディング

先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。
デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、
IE7、8以外だとこんな感じでも問題ないです↓

■html

<ul>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

■CSS

ul {
list-style:none;
}

li {
margin-bottom:2px;
}

全文を読む

通勤時間を使って読んだのですが、内容が面白くあっという間に読み終えてしまいました。

全文を読む

長かったコーディングの日々も一先ず終わった感じがします。
なにかとつまずくことが多かったですが、その分得たものも多かったです！
ただ完全燃焼してしまったといいますか、将来こういうことをやりたいと具体的になってきて…それに伴って今年中や今月中にやりたい小さな目標も出てきて、まあ環境を変える時期がきたのかなと。
まだ考えが浅いので来月も使って考えていきたいと思います。

そんなこんなで、平日の今日は代休を頂いています。なので、ブログの更新、デザイン変更、aboutとworksページの改修ができればいいかなと思っていますので、本日ちょいちょいレイアウト崩れ等が発生する可能性大です。（テスト環境持っていないもんですみません）
ただデザイン改修などをする前に、Gmailの整理やら部屋の掃除などなどをやってからなのでできるのか不安ですが。。。

とりあえずこの何日か分の情報を吐き出していきたいと思います。

昨日の深夜にページを追加しました。
簡単な自己紹介ページの「about」と、作品を掲載する「works」です。まだページ内は内容がほぼない状態ですが、
aboutページはちょっとしたイラストと今後、今年の目標なんかを自由に書いて、
worksページはとりあえず学生時代の作品と、今度コーディングの仕事が入るのでそれを、あとはコンペに参加したりして、掲載可能なものは掲載できればと思っております。

星形のキャラメルコーンを発見しました。一袋に一つは入っていそうな感じですが、こんな些細なことでも嬉しいです。

ブログランキングの勧誘ですが初コメント頂きました。2週間前まではスパムの嵐で1日に100件ほど来ており、特定（たぶん海外）のIPアドレスをアクセス拒否にしてやっと0になりました。そんな矢先のことだったのでまたスパムな日々が始まったと思っていたので勧誘でも一安心しました。

ほとんどナビなんかではul要素を使用していて、記述はこんな感じになるのですが、
■html
<ul id=”nav”>
<li><a href=”">ホーム</a></li>
<li><a href=”">ページ１</a></li>
<li><a href=”">ページ２</a></li>
<li class=”lastNav”><a href=”">ページ３</a></li>
</ul>

■css
#nav {
width:495px;
}

#nav li {
float:left;
width:120px;
margin-right:5px;
}

#nav li.lastNav {
margin-right:;
}

いままでこのように、幅が決まっている場合には最後のliにclass=”lastNav”で余白を消していたのですが、
ul属性に
#nav {
width:495px;
margin-right:-5px;/*←追記*/
}

margin-rightに大してネガティブマージンをいれることで、最後のli属性にわざわざclassを指定する必要がないみたいです。
たぶんこれは初歩的な技だと思われるので、今後使用したいと思います。今まで技術さんに苦労させてきたなと思うとちょっと情けないです。
備忘録までに。。。