タグ

ブックマーク / naifix.com (2)

  • 強調文字 strong をちょっとおしゃれにする CSS デザインサンプル - Naifix

    ブログの文で強調したい部分には <strong> や <b> を使いますが、デフォルトのスタイルではただの太字になるだけです。 これだとちょっと味気ないときは、CSS でデザインしてみましょう。 文字や背景の色を変えたり、蛍光ペンでマーカーをひいたような感じにすると、重要なポイントをより一層伝えやすくなりますよ。 強調文字の CSS デザインサンプル 強調の意味を持たせる HTML タグには <strong> <b> <em> があります。 これらは主に検索エンジンに対して重要性を伝えるタグで、見た目だけ強調したいなら <span> で指定することもできます。 それぞれの使い分け方などは後述します。まずはデザインサンプルをご覧ください。 デフォルトのスタイルは太字 現在使用しているテーマ・テンプレートで特に指定がない場合、<b> や <strong> で囲ったテキストはただの太字になりま

    強調文字 strong をちょっとおしゃれにする CSS デザインサンプル - Naifix
  • Web プログラマー向け|HTML5 テンプレートジェネレーター 3 選 - Naifix

    HTML をゼロからプログラミングしていくのが手間に感じていないでしょうか。 そんなときは、HTML5 のページを一瞬で生成できるジェネレーターを使うと便利です。ジェネレーターで生成したあと、自分でよく使うスニペットとして保存しておけば時間を短縮できますね。 HTML5 テンプレートジェネレーターを 3 つご紹介します。 HTML Code Generator|QuackitHTML Code Generator」は、title や meta description をあらかじめ入力して HTML5 テンプレートを生成できます。 CSS がインラインで吐き出されるので、ファーストビューの表示を高速化したい場合はよいかもしれません。必要に応じて外部ファイルに変更しましょう。 実際にこのようなコードが生成されます。 <!DOCTYPE html> <html> <head> <!-- HT

    Web プログラマー向け|HTML5 テンプレートジェネレーター 3 選 - Naifix
    i3masaki
    i3masaki 2015/03/05
  • 1