タグ

ブックマーク / hiroseyonaka.hatenablog.com (1)

  • 【レスポンシブ】ブログのアイキャッチに、CSSだけで上下中央揃えのキャプションを実装する方法 - WTR WTR WTR.

    2015-11-02 【レスポンシブ】ブログのアイキャッチに、CSSだけで上下中央揃えのキャプションを実装する方法 BLOG DESIGN スポンサードリンク 記事のアイキャッチ画像は、ブログを訪れてくれたユーザーの一番最初に目に入るもの。記事のテーマに合ったセンスの良い画像選びも大事ですが、一目で内容が分かるキャプションを付けておくと、より記事を読んでもらいやすくなります。 ただ、Illustratorなどを使って画像に直接キャプションを加工してしまうと、修正したいときや画像のサイズ修正などをする際に二度手間になってしまいますので、ここはひとつ、管理も楽なCSSで実装してみましょう! このブログもそうですが、レスポンシブデザインを採用している場合は、高画質の画像を使いすぎると読み込みに時間がかかってユーザーの離脱率が高くなることもあるため、CSSで実装できる部分はCSSを積極的に使って行

    【レスポンシブ】ブログのアイキャッチに、CSSだけで上下中央揃えのキャプションを実装する方法 - WTR WTR WTR.
  • 1