タグ

2006年6月21日のブックマーク (3件)

  • prototype.js v1.5.0 の使い方

    それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

  • HatenaをXHTML+CSSで組みなおす

    授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基CSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで1つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直

    Fsiki
    Fsiki 2006/06/21
    面白い。HTMLの記述順は右カラムが先?それとも左?あと、フッターの" - "も背景画像とかで実現してほしかった。
  • CSS Test Page

     Mozillaスタイルシート実装状況テストページ CSS, level 1 border-style: dotted [CSS1] 'border-style' Thebeでのborderコード書き直しの一環(Bug 368247)として、dottedが四角のドットから丸のドットへ変更された。 サンプルソース <div style="border: dotted 10px blue; width: 20em;"> 枠線が丸いドットで表現されているか、角の処理は上手くいっているか。 </div> サンプル表示 CSS, level 2 display: inline-block | inline-table [CSS2.1]display 2007-01-28 ようやっとサポートされた。 outline: [CSS2]outline [CSS3 Basic User Interface]

    Fsiki
    Fsiki 2006/06/21
    これを使ってはてブをいじる