紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
HTML5入門－html5.jsでIE対応－｜mayy
下の記事でとりあえずchromeでテストしたのですが、 IEは対応していませんでした。 IEちゃんを無視するわけにもいかないので、 現時点で使える簡単な対応策を調べてみました。 HTML5入門－とりあえず5で書いてみた－ Javascriptで対応させる はい。Javascriptを使います。 GoogleさんがIEでhtml5から加わった新要素(header等)を 使えるようにするライブラリを公開しているので、これを読み込みます。 html5shiv IE9以外のIEでのみ読み込みたいのでifで囲ってあります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>HTML5入門-html5.jsでIE対応-</title> <link rel="stylesheet" href="s
Biolab Disaster
Hey there, it looks like you're using Microsoft's Internet Explorer. Microsoft hates the Web and doesn't support HTML5 :( To play this game you need a good Browser, like Opera, Chrome, Firefox or Safari. Jump: X, Shoot: C, Move: Arrow Keys Browser Compatibility Opera 10.61:Perfect Safari 5.0 (Mac):Perfect Firefox 4 Beta 3:Perfect Firefox 3.6:Sound issues; slow Chrome 7:Sound issues IE 9 Preview:So
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
