WordPress学習日誌(仮)

岡山県でWordPressを用いたサイトを制作しているフリーランサーのブログです。


テーマ:


サイトを観覧しているデバイスの横幅を取得して、横幅が○○px以上なら画像Aを表示、○○px以下なら画像Bを表示、そんな切り替えを行う方法をご紹介します。

レスポンシブサイトなどで、PCとスマホで画像を切り替えたい場合などに使える手法です。

簡単なコピペだけですので、2~3分でマスターできます!

興味のある方は、以下のコンテンツを参照してください。

【レスポンシブサイト】デバイスの横幅で画像を切り替える方法
AD
いいね!した人  |  コメント(0)  |  リブログ(0)
最近の画像つき記事  もっと見る >>

テーマ:


ネットサーフィンで色々なサイトを観覧していると、文章が縦書きになっているサイトを見かけることがあります。

和風デザインのサイトなどでよくあるパターンです。

以前は、サイト上のテキストを縦書きにしようとすると、画像化するかCSSで半ば無理やりに縦書きにするしかありませんでした。

しかし、現在ではCSSに1行追記するだけで簡単に縦書きにできます!

その方法をまとめてみました。
詳しくは、以下のコンテンツを参照してください。

CSSだけで文章を縦書きにする方法
AD
いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:


CSSだけで美しいグラデーションをどこまで実現できるのか検証してみました。CSS3を使えば、基本的なグラデーションはCSSのみで実現できますね。

今回は、基本的なグラデーションに加え、円形、背景画像と組み合わせる方法、テキストのグラデーションを紹介しています。

興味のある方は、以下のコンテンツをご確認ください。

美しいグラデーションをCSSだけでどこまで実現できるのか検証してみました。
AD
いいね!した人  |  コメント(0)  |  リブログ(0)

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。