タグ

見出しに関するMOZZのブックマーク (2)

  • 見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ

    谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく!と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか)無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基的に「h○タグ」でマークアップされますので そのh○タグ(今回はh4タグ)を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン

  • これを見れば見出しの達人!?かも… : LINE Corporation ディレクターブログ

    こんにちは。『livedoor ニュース』のトピックスを担当しています、大谷・仲間です。ブログでは、これまで『livedoor ニュース』の編集方針や、独自の記事・『独女通信』の誕生秘話で、記事を選んだり、記事を作ったりする側面についてはご紹介してきましたが、今回は『Yahoo!ニュース』の「トピックスの見出し」について意識していることを書いてみようと思います。 ●『Yahoo!ニュース』は15文字、『livedoor ニュース』は13.5文字 みなさんは各ポータルのトピックスの文言ではなく、文字数について意識して見たことはありますか? 今(10月2日)、各ポータルサイトをざっと見てみると、『Yahoo!ニュース』、『infoseek ニュース』、『mixiニュース』では15文字、『エキサイトニュース』は16文字を使用しているトピックスがありました。 実は、各ポータルサイトによって、この

    これを見れば見出しの達人!?かも… : LINE Corporation ディレクターブログ
  • 1