cocoon [cocoon]SNSシェアボタンのちょっとしたカスタマイズ
SNSシェアボタンをカスタマイズします
「cocoon」のカスタマイズ日記です。
SNSシェアボタンにマウスオーバーした時、ふわっと浮き上がるエフェクトを追加します。「カスタマイズ」→「追加CSS」をクリック。
...
cocoon 
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倍の...
AdSense AdSense広告掲載合格しました！
審査期間2週間かかりました
やりました！ついにAdSenseから連絡があり、広告を掲載することができました。
このようなメールが届いていました。↓
どうやら2018年から審査基準が厳しくなったようです。以前別のブ...
css グラデーション生成サイトが便利すぎる！
グラデーションが簡単に生成できるサイトをご紹介します
すごいサイトを見つけてしまいました。↓
直感的な操作でグラデーションが生成でき、CSSが表示されるサイトです！
コピーして自分のサイトに張り付けるだけで、カッ...
css CSSだけでフェ―ドインのエフェクトを実装する方法
フェードインとは
透明な状態から、だんだん表示されていくエフェクトです。X軸、Y軸の動きも加えることで、カッコいい雰囲気になります。
@keyframesとanimationプロパティを使用
フェ―ドインを実装できると、...
cocoon [cocoon]@keyframesとanimationを使って記事タイトルをオシャレにカスタマイズ
記事タイトルをフェードインで表示
Wordpressのcocoonのカスタマイズです。
ページが読み込まれたとき、記事タイトルがフェードインで浮かび上がるように表示します。さらに、下から上に動きを付けましょう。
以下のコ...
css [CSSの基本] プロパティの値をまとめて記述すると効率的！
プロパティの値について
プロパティとは？
border（線）、 margin（外側の余白）、 padding（内側の余白）、color（色）など。スタイルシートの記述で定義されている書式です。
値とは？
各...