最近、CSS の line-height プロパティに指定する値は単位なし (<number>) が良いという話が話題になっているようです。別に今に始まった話題ではないんですけども、最近この話題に触れている記事の中に、ちょっと気になる書き方をされる方がいるので書いてみます。 で、そもそもなんで line-height の値は <number> で指定しておいた方がいの?ってところですが、その理由をわかりやすくまとめている Lucky bag::blog さんの記事をまずは紹介しておきます。 line-height の値には単位なしが良いとされる理由 : Lucky bag::blog line-height の値には、 normal inherit <length> <number> <percentage> が指定できますが、ユーザーエージェントのデフォルト値を使用する normal と
2007-02-21T17:05:00+09:00 HTML にしても CSS にしても、最近やはり基本からもう一度学び直さなければいけないなあ。と感じることが多くなりました。知っていると思い込んでいる事がどれだけ多いか…。基本を学んでいく上では新しい発見!というものはゼロに等しのかもしれませんが、今以上に知識を広げたいのであれば、今より良い視点を持ちたいならば、基本をおさらいする事ほど大事なことはありません。知っていると思い込むことほど格好わるいことはありませんものね。そんな考えの元勉強中の今まさに、僕自身が必要としている書籍、『実践 Web Standards Design』(ホップ本というらしい) が発売されるようです。 柔軟でしっかりした考え方と判りやすい説明で愛読しているブログ 3ping.org の市瀬裕哉さんを中心に、仕様面にとても深い知識をお持ちの hxxk.jp 望月真琴
「実践 Web Standards Design」はきっとマストバイ 僕がいつもBloglines経由でチェックしているうち3つのBlogで、同時に同じ書籍の発売が告知されました。 hxxk.jp - 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips が発売となります Lucky bag::blog: 「実践 Web Standards Design」という本を書きました XHTML CSSの書籍を執筆しました つまりその、それぞれの記事もといBlogをお書きになっている皆さんが共同で執筆された書籍ということなんですが、タイトルを「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」というそうです(残念ながらアマゾンではまだ予約も購入もできない模様)。Web標準方面で非常に役立つ情
(Amazonから買えるようになったもようです) 九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。 本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります) XHTML, CSSの基礎知識と管理方法 レイアウト編 Tips&Tecnique ずっと作りたかった構成ができた! CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレ
お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」(真琴さん命名)ということになってます。たぶん。 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips ページ数 : 436 ページ 定価 : 3,200 円 最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいか
記事データ 投稿者 望月真琴 投稿日時 2007-02-21T00:00+09:00 タグ CSS HTML XHTML お知らせ アソシエイト 企画 出版 実践 Web Standards Design 概要 拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips 」の読者プレゼントキャンペーンを行います。応募要項をよくお読みになってどしどしご応募ください。 リプライ 37 件のリプライがあります。 「応募方法」内に記述してある手段を取って、メールの件名に「ホップ本欲しい ! 」と書いて makoto[at]hxxk.jp まで送信するだけ ! 早速ですが応募要項を。 これをよくお読みになってご応募ください。 何名かメールだけ送って来られている方がいらっしゃいます ! 事前通知をよろしくお願いします。 キャンペーン内容 実践 Web
記事データ 投稿者 望月真琴 投稿日時 2007-02-20T23:01+09:00 タグ CSS HTML XHTML お知らせ アソシエイト 出版 実践 Web Standards Design 概要 拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips 」の発売に関する情報のページです。 リプライ 14 件のリプライがあります。 hxxk.jp ( のごく一部 ) が書籍化されます ! ブログ 書籍化で Google 検索すると何十万件もヒットするという昨今、時流に乗ってか乗らずか、お誘いを受けて書籍を出すこととなりました ! ......とは言え取り扱う話題がまとまっておらず、また純粋な文章としての完成度も低い hxxk.jp の記事を丸々書籍にパッケージングしたものではありません。 というか単著ではありませんし、あくまで
更新履歴 2007-02-20T23:00:00+09:00 この記事を公開しました。 2007-02-21T00:00:00+09:00 プレゼントキャンペーン「実践 Web Standards Design 欲しい ! 」を追加しました。 2007-02-21T18:02:35+09:00 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips が発売されますに ISBN を追記しました。 978-4-86167-164-7 です。 2007-02-22T19:08:05+09:00 プレゼントキャンペーン「実践 Web Standards Design 欲しい ! 」に、応募受付済みの方の記録を付けることにしました。 この記事に、「オンライン購入」の項を追加しました。 2007-02-23T21:46:39+09:00 「オンライン購
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
始めに断っておくけど、このエントリは Tips でもなく何のためにもならないもんです。ちょっと気になっていた記事があって検証してみたら、「チッ、使えないじゃん」ってオチだったんだけど、一応書き残しておこうかなってレベルのもんです。しかも、前置き長いし。 CSS を使ったロールオーバー CSS の :hover 疑似クラスを使って、要素の背景画像を切り替えてロールオーバーの効果を出すってのは今や珍しくもなんともない。例えば、下記のような指定をしたとしよう。 a { background: url(normal.png) center left no-repeat; } a:hover { background: url(hover.png) center left no-repeat; } 上記例のようにノーマル時とマウスオーバー時の画像を別々にしていると、マウスオーバーした時に hover
先日のエントリーで紹介した『CSS Speach Bubbles』が好評だったこともあって、無性に作りたくなったので作りました。 CSSでバブルタイプのblockquote『Bubble Quote(バブルクオート)』です。 特長は以下の4点です。 1.クリーンHTML!CSSでデザイン、レイアウトしています。 2.カスタマイズも簡単!widthやカラーを簡単に変えることができます。 3.ブログにぴったり!引用をするならBubble Quote!CSSを追記してHTMLを書けば、すぐにクールで柔らかいblockquoteデザインのできあがりです。 4.CSSのclassがかぶらない!CSSのclass名が既存のものとかぶらないように、独自のネーミング(bubblequote)にしています。 ↓のようなデザインです。 copyrightは特に設けていません。自由にお使いいただいて結構です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く