Font Awesome [Font Awesome 5]スタックしたアイコンの背景色を変化させる方法
よく使うブランドロゴのカスタマイズ
背景が四角の場合
Font Awesome 5を使って、よく使うブランドロゴをカスタマイズしましょう。重ねた（スタックした）アイコンの背景色を、マウスを乗せた時にブランドカラーに変化させます...
web制作
Font Awesome 
Photoshop Photoshopで画像やテキストにモザイクをかける方法
サクッと簡単です！モザイク処理をしましょう
画像や、個人情報などのテキストモザイクをかけたい時って、けっこうありますよね。Photoshopを使えば、簡単にモザイク処理ができてしまいます。慣れれば3分もかかりません。さっそくその方法...
Photoshop Photoshopで画像の背景を暗くする方法
これは使える！画像の選択範囲の背景を暗くする方法
画像の背景を暗くしたいことって、けっこうありますよね。選択範囲を強調するために、関係のない背景を暗くするといった場合など。Photoshopを使えば簡単にできてしまいます。さっそく見...
css マウスを乗せたときに背景がぼんやり白くなるグローバルメニューの作り方
グローバルメニューを作りましょう
HP制作において、グローバルメニューは欠かせません。「グローバルナビゲーション」とも呼ばれます。CSSを少し追加するだけで、スタイリッシュに作れます。早速見ていきましょう。デモはこちらです。↓
...
Photoshop [Photoshop]カスタムシェイプツールのデフォルトシェイプを復元する方法
デフォルトシェイプが何故か消えている！
Photoshopのカスタムシェイプツールを使うことって、けっこう多いかと思います。「吹き出し」とか使いたい時ありますよね。
先日吹き出しを使おうと思ったら、何故かデフォルトシェイプが消...
Font Awesome WordPressでのFont Awesomeの使い方
WordPressへのFont Awesomeの導入方法
WordPressをお使いの方は多いかと思いますが、その場合はFont Awesomeをプラグインで有効化すれば簡単に導入できます。
どのテーマでも大体同じでしょう。ダ...
Font Awesome 使い勝手抜群！Font Awesome 5の使用方法
Font Awesome 5とは
フリーで使用できる、アイコンのサイトです。有料版もありますが、無料版で十分すぎるほどアイコンの種類が豊富です。2018年にFont Awesome 5が発表され、無料で使えるアイコンが2倍の...
css グラデーション生成サイトが便利すぎる！
グラデーションが簡単に生成できるサイトをご紹介します
すごいサイトを見つけてしまいました。↓
直感的な操作でグラデーションが生成でき、CSSが表示されるサイトです！
コピーして自分のサイトに張り付けるだけで、カッ...
css CSSだけでフェ―ドインのエフェクトを実装する方法
フェードインとは
透明な状態から、だんだん表示されていくエフェクトです。X軸、Y軸の動きも加えることで、カッコいい雰囲気になります。
@keyframesとanimationプロパティを使用
フェ―ドインを実装できると、...
cocoon [cocoon]@keyframesとanimationを使って記事タイトルをオシャレにカスタマイズ
記事タイトルをフェードインで表示
Wordpressのcocoonのカスタマイズです。
ページが読み込まれたとき、記事タイトルがフェードインで浮かび上がるように表示します。さらに、下から上に動きを付けましょう。
以下のコ...