CSS: 画像
画像を使用することは、非常に有効なデザイン手法です。見た目の印象を左右する重要な要因となります。 画像を使用するには、HTMLのimg要素を用いる方法とCSSの背景画像（background-image）を用いる方法の二通りがあります。 画像そのものがコンテンツである場合には、img要素を、装飾用として使う場合にはCSSの背景画像（background-image）を用いるようにしましょう。 また、CSS2では背景画像の拡大縮小ができませんでしたが、CSS3で可能になりました。CSS2.0を使う際には気をつけましょう。 画像練習サンプルファイルで実践してみましょう。今回のサンプルファイルは、CSSをstyle要素に記述しています。「image.htm」をエディタで開いて編集してください。スタイルファイルは使用しません。 alt属性・title属性 画像を表示できない環境や検索エンジン対策（
とほほのスタイルシート入門
とほほのCSS入門 (CSSリファレンス) [ABC順] 概要 CSS入門 リンク サンプル 表記について CSS3関連規約 CSS新機能 基本セレクタ tagName { ... } class { ... } #id { ... } * { ... } ns|E { ... } 属性セレクタ [attr] [attr="val"] [attr~="val"] [attr|="val"] [attr^="val"] [attr$="val"] [attr*="val"] [ns|attr] 結合子 E, F { ... } E F { ... } E > F { ... } E + F { ... } E ~ F { ... } E || F { ... } 疑似クラス :autofill :enabled :disabled :read-only :read-write :placeh
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
【目次】見た目がきれいなiBooks（iPad）用電子書籍（ePub）の作り方
iPadが発売されました。 ePubという、iPadの目玉であるiBooksで使える電子書籍に注目が集まっています。 そんな電子書籍（ePub）を、できるだけ簡単に、できるだけきれいに作ってみませんか？？ ということで、iBooks用電子書籍（ePub）の作り方やできること・できないことをまとめたいと思います。 参考になれば幸いです。 最近は時間がないので、ボチボチ埋めていこうかと思います。 【6/27 追記】2章のePub作成で、eCubを使った方法をご紹介していますが、 Sigilがバージョンアップにより相当よくなっていました。（編集、CSS対応等） 将来的にSigilでの作成方法をご紹介しますが、更新が間に合っておらず申し訳ありません。 [8/22 追加] Google BooksはiPadで使えるか？ ePubファイルってどんなもの？ ePubファイルはHTMLをZip圧縮したよう
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
gorilog.net
We’re getting things ready Loading your experience… This won’t take long.
EPUB仕様の日本語組版拡張を目指して(Version 0.8)
EPUB仕様の日本語組版拡張を目指して(Version 0.8) 2010年6月1日 日本電子出版協会(JEPA) EPUB研究会 村上 真雄（アンテナハウス）@MurakamiShinyu、村田 真（国際大学）@MurataMakoto この文書は、EPUB 仕様を日本語組版に対応するように拡張することを目指して、その試案として書かれたものであり、なんら正式なものではありません。 1. 標準化戦略 日本から提出したMinimal Requirements on EPUB for Japanese Text Layoutは、すでにIDPFおよび関係各国によく知られている。2010年いっぱいに作成するEPUB2.1においてアジア組版に対応することは、すでにIDPFの方針になっている。憲章に含まれているだけではなく、IDPF関係者がそう発言していることが報道されている。 今後はIDPF EPU
EPUBやCSSと日本語レイアウト、HTML5と電子書籍
EPUB や CSS と日本語レイアウト HTML5 と電子書籍 アンテナハウス 村上 真雄 @MurakamiShinyu 2010-07-14 「第８回HTML5とか勉強会」での講演資料 [HTML5プレゼンツールNerine版もあります] 村上 真雄 (@MurakamiShinyu) 自己紹介 Twitterで公開しているプロフィール： XML/HTML+XSL/CSS 自動組版ソフト Antenna House Formatter 開発者 アンテナハウス取締役 W3C会員としてXSLとCSS3仕様に関わる HTML5 IG JP共同議長 JEPA EPUB研究会員 世界標準仕様（特にHTML+CSSとその応用のEPUB）で、まともな日本語組版を可能にしたい Antenna House Formatter 1999年、当時W3Cドラフトだった XSL (Extensible Sty
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レイアウト見本