We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
This is a archive of older and discontinued projects and experiments I worked on. Test Everything (2007 — 2020) A meta testing tool for your website. My blog (2006 — 2011) From 2006 till 2008 I wrote articles in my german blog named “Lost in programming”. In 2011 I removed the remaining old articles from my homepage. Free icon set (2007) Years ago I made a free icon set from freely available stock
LSC1月17日分の17b alt属性で、img要素について気になる記述がありました。 「alt属性は画像の代替」と考えるからおかしなことになる。 HTML は文章にタグで意味付けするものだから、既にある文章（フレーズ）をマークアップした結果が img要素になるべき。つまり、「画像はあるフレーズの代替」が正しいんじゃないかと。 これはちょっとひねって考えすぎなのではないでしょうか。 HTML仕様書を素直に読めば、img要素は埋め込み画像 (Embedded image)であり、alt属性は代替テキストなのだから、それを逆に考えるというのは無理があるように思います。 HTMLを書く上での考え方として、野嵜さんにより提唱された「はじめにテキストありき」という言葉があります。これは自然言語で書かれた文書をマークアップする上ではとても重要な考え方ではあるのですが、一方で、HTMLは自然言語で書かれ
A Handy CSS Debugging Snippet I use the following bit of CSS to help visualize the structure of an XHTML (or HTML) document by putting a colored outline around the border of every element. At each level in the hierarchy the color changes so you can see when “depth” changes. デバッグ用CSSのスニペット。 このCSSを定義しておくことで、階層的な構造を視覚的に次のように表示できます。 次がそのデバッグ用CSS * { outline: 2px dotted red } * * { outline: 2px dotted
W3C Working Draft 26 July 2006 This version: http://www.w3.org/TR/2006/WD-xhtml2-20060726 Latest version: http://www.w3.org/TR/xhtml2 Previous version: http://www.w3.org/TR/2005/WD-xhtml2-20050527 Diff-marked version: xhtml2-diff.html Editors: Jonny Axelsson, Opera Software Mark Birbeck, x-port.net Micah Dubinko, Invited Expert Beth Epperson, Websense Masayasu Ishikawa, W3C Shane McCarron, Applied
This shop will be powered by Are you the store owner? Log in here
授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
FirefoxとInternetExprolerの初期値の違い ulやolのmarginを設定するときにはmarginと共にpaddingも設定します。インターネットエクスプローラとその他のブラウザの初期設定が異なるからです。 Firefoxは右側のmarginとpaddingの初期値がそれぞれ0と40pxになっています。次のようにして調べることができます。 インターネットエクスプローラの場合はmarginとpaddingの初期値が逆になっていて、それぞれ40pxと0になっています。次のようにして調べます。 灰色の点線がボーダーの位置です。Firefoxが・を含むのに対して、IEは含まないという違いもありますが、paddingを一致させると同じになります。背景色をつけるときには注意する必要があります。 なにも指定しないとき なにも指定しないときはmargin,paddingの違いがあっても
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く