PCからアクセスした場合とスマホからアクセスした場合で、読み込むスタイルシートを切り替える方法をご紹介いたします。 PCとスマホで別々のスタイルシートを読み込む方法 スタイルシートを読み込むlink要素のmedia属性に…
PCとスマホで別々のスタイルシートを読み込む方法

PCからアクセスした場合とスマホからアクセスした場合で、読み込むスタイルシートを切り替える方法をご紹介いたします。 PCとスマホで別々のスタイルシートを読み込む方法 スタイルシートを読み込むlink要素のmedia属性に…
Photoshopの透明背景っぽい背景をCSSだけで実装する方法をご紹介いたします。↓こういう背景ですね。 以下にデモも用意しましたので、ご確認いただければと思います。ページを開くと全体がPhotoshopの透明背景っぽ…
coolhueは、美しいグラデーションがまとめられているWEBサービスです。掲載されているグラデーションを表現するためのCSSをコピーしたり、画像としてダウンロードすることができます。 coolhueの使い方 coolh…
HTML email inline stylerは、HTML内の<style>~</style>に記述したCSSをインライン化してくれるWEBサービスです。ページのURLを指定するか、ソースを入れ…
Style Guide Guideは、WEBサイトのスタイルガイドを作成するためのHTMLテンプレートです。 Style Guide Guideのダウンロード Style Guide Guideは、GitHubからダウン…
CSSブレンドモードというのは、重なり合う要素をどのようにブレンドするかをCSSで指定できるプロパティで、要素そのものに効果を指定する「mix-blend-mode」と背景の要素に効果を加える「background-bl…
mockaは、インターフェイスプレビューに対応するためのスタイルシートです。インターフェイスプレビューというのは、コンテンツが表示されるまでの間に、ダミーのコンテンツを表示しておく手法です。事前に表示される予定のコンテン…
terrible colorsは、イケてない酷い色を紹介しているサイトです。terribleは、日本語でいうと恐ろしいとか、酷い、凄まじいという意味合いになります。 サイトにアクセスすると、たしかにメインカラーにはしたく…
CSSを使って、文字に蛍光ペン風のアンダーラインを引く方法をご紹介いたします。紹介するコードをコピペすると、以下のようなアンダーラインをつけることができます。 蛍光ペン風のアンダーライン CSSで文字に蛍光ペン風のアンダ…
よくあるご質問やFAQなどのコンテンツをサクッとそれっぽい見た目に仕上げる方法をご紹介いたします。 紹介するCSSをコピペすれば、以下デモページのような見た目にすることができます。 デモページを見る よくあるご質問やFA…