サンプルダウンロード｜Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト
第1章 (X)HTMLの基本法則 法則1 文書構造を的確に伝える要素でマークアップする 法則2 (X)HTML文書には適合するDTDに合わせた文書型宣言を行う 法則3 HTMLとXHTMLの違いを理解して正しいマークアップを行う 法則4 文字コードを正しく宣言して文字化けを防ぐ 法則5 XHTML文書では条件付きでXML宣言を省略できる 法則6 XHTML文書のメディアタイプは「application/xhtml+xml」が基本 法則7 id属性とclass属性を目的に応じて使い分ける 法則8 XHTML文書ではCSSやJavaScriptをできるかぎり外部ファイル化する 法則9 id属性、class属性の値はCSSセレクタの命名規則に合わせて指定する 法則10 XHTML文書の公開時にHTMLとの後方互換性を確保する 法則11 (X)HTML文書のコメントは正しく書く 法則12 インデン
floatの親要素の背景を表示させる方法 - パソコンＱ＆Ａ
『floatの親要素の背景が表示されない』の対処法です。 floatによる２段カラムは、よく使われる手法ですが、Internet Explorerではちゃんと背景が表示されるのに、 FirefoxやOperaなどで検証すると背景が消えているということがあります。 これってFirefoxのバグなんじゃないのって感じで、Firefoxを悪者扱いしている人がいますが、実は違います。 IEのほうが間違っていて、floatはそういうものなのです。 [参考記事] floatした領域の親要素にwidthやheightを指定すると領域の算出にfloat領域を含める では背景を表示させる方法ですが、まずは有名なclearfixを使うパターンです。 ただしこの手法は最下部に使うと、若干の下マージンが出ます。 .clearfix:after{ /* ここにドットなどを入れないとNetscape 7で背景が出ない
Yahoo! Pipes と jQuery で１年前のはてなブックマーク人気エントリを表示するガジェットを作ってみる --- その１ (でぃべろっぱーず・さいど)
昨年末にYahoo! Pipes で任意のページをスクレイピングできるようになったという記事があり、気になっていました。 Yahoo! Pipes の Page Fetch モジュールでスクレイピングし放題 - てっく煮ブログ URLを渡すとページの内容(htmlソース)をJSONPとかで取得できるAPIをYahoo! Pipesで作った(管理人日記) - むぅもぉ.jp Yahoo! Pipesに任意のウェブページを切り取って分割できるFetch Pageモジュールが追加された - F.Ko-Jiの「一秒後は未来」 Pipes Blog ≫ Blog Archive ≫ New “Fetch Page” module and nice web path enhancement… ってことで、そのすごさを実感するためにガジェットを作ってみることに。 ガジェットは、「1年前のはてブホッテント
20+ Color Tools for Web Designers
Setting a basic color theme for your web design project might be an easy task, however, deciding upon the right combinations or coming up with a color scheme may get tricky, especially when you don’t know which color tool would work best for you. So to help determine the best color schemes for your projects, here are some of the best color tools for web designers. Let’s check out the list. Apps Fo
iGoogleガジェット「はてなブックマークビューア」をちょっと改良 - FutureInsight.info
運良く賞をいただけた「はてなブックマークビューア」ですが、 2007-11-08 若干改良し、「注目のニュース」、「人気のニュース」を追加し、また表示しているフィードのタイトルを頭に表示するようにしました。 あまりいじると今のシンプルさがなくなってしまうので、改良はここまでにして、次からは新しいガジャットを作ってみるつもりです。追加は以下からどうぞ。 # Google側のキャッシュの関係で古い画像が表示されます。 しかし、はてなブックマークの注目の賞品はRSSを出してないんですね。簡単にアフィリエイトに使われちゃうからかな。 [追記]選択されているタブのタブ内の文字が2行になってしまうケースがある問題を修正しました。
2008-01-12 - Future Insight
実際に取得した画像がどんなことになっているか把握したかったので、画像2100枚をHTMLで出力してみました。75x75の画像を読み込んでおり、画像をクリックするとlightboxして元のサイズの画像にアクセスします。下のtitleをクリックするとFlickrのページに飛びます。軽くなるように気をつけましたが、それでも結構CPUパワーを使うので、遅いPCで開くときは気をつけてください。 http://choichoi.sakura.ne.jp/idols/ こうやって眺めてみるとFlickrにあがりやすいアイドルとあがりにくいアイドルというのがいるようです。小倉優子は500枚取得しても、まだまだたくさん画像があるようでした。さすがグラビアを終わらせたアイドルです。この辺りの考察はまた後で行いたいと思います。 [追記]アイドルの名前のスペルミス、画像を取得できないアイドルの整理し、データを取り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
