タグ

テクニックと設定に関するicicaのブックマーク (2)

  • ol や ul タグで 括弧付き数字 を使った 箇条書き :Tips & FAQ | arbk-works Blog

    html<ol class="paren"> <li>あか</li> <li>あお</li> <li>きいろ <ol class="paren"> <li>たんぽぽ</li> <li>ひまわり</li> </ol> </li> </ol> css.paren{ counter-reset:item; list-style:none; } .paren li:before{ content:"(" counters(item, "-") ")"; counter-increment:item; margin-right:0.5em; } .paren li{ padding-left:1.5em; text-indent:-1.5em; } バリエーションcss "li:before" の content 部分を変えれば, 括弧と区切り文字を自由に設定できます. content:"(" co

    ol や ul タグで 括弧付き数字 を使った 箇条書き :Tips & FAQ | arbk-works Blog
  • はかどる! Illustratorの文字詰め。 - 遠近法ノート

    Illustratorで文字詰めするには、「プロポーショナルメトリクス+自動」が最適解なわけですけど(用意された答えという意味では)、最近ようやく認知されてきたのかな……。[文字ツメ]だとか[オプティカル]だとかいったインチキな機能は使いませんよ? 分からない人はこことかこことかこれとか読んでいただくとして、その前提で話を進めますので、この時点で意味のわからない方は以下は読まないでください。 [プロポーショナルメトリクス]をチェックし[自動]を選択する。さらに、約物を詰めるために[文字組み]から「約物半角」を選択……と。 計3か所です。 はっきりいってかったるいです。 やってられっか!という感じですよね。 ……めんどくさいから一括適用でいいんじゃね? ここで段落スタイルを使っちゃいましょう。Illustratorの段落スタイルって使ってる人います? いないですよね。いや、僕もほとんど使って

    はかどる! Illustratorの文字詰め。 - 遠近法ノート
  • 1