HTML＆CSS CSSのお勉強:グラデーションの基本（1）【linear-gradient】
CSSでグラデーション（linear-gradient）を表示する方法を勉強してみました。
HTML＆CSS 
雑記 壊れたHDDを復旧サービスに依頼した流れ
突然壊れたHDDを復旧サービスに依頼してデータを救出してもらいました。依頼から完了までの流れを備忘録的にまとめています。
HTML＆CSS CSSで使えるカラーネームを使いやすくグループ分け
関連グループごとに分けた、シンプルで使いやすいカラーネーム一覧を作りました。
Cocoon ［Cocoon］メインカラムとサイドバーの背景色を変える
Cocoonを使うサイトで、全体的な背景色をカスタマイズする方法をまとめています。
HTML＆CSS 立体ボタンを作る時【border-bottom それとも box-shadow】どっちを使う？
CSSでボタンを作る時に使うのは border-bottomとbox-shadowのどちらを使ったらいいのか？というギモンを追求してみました。
HTML＆CSS テーブル：セル内でテキストを折り返さないCSS設定
HTMLで表を作成する時、セル内のテキストを自動改行禁止にする設定。
HTML＆CSS CSSだけで「思わず押したくなるボタン」を作る方法2（立体化＆押せるボタン）
Webサイトで見かける「押したくなるボタン」のデザインを作る方法の第2段。今回は立体化と押せるようにする設定を深掘りします。
HTML＆CSS CSSだけで「思わず押したくなるボタン」を作る方法(1)
CSSの基礎知識を身に着けたばかりの人が、CSSでボタンを作る仕組みを理解できるまで、順を追ってまとめています。
Cocoon Cocoon≫スキンの作り方:自作のための覚え書き
ワードプレスの無料テーマCocoonのスキンは、ひな形を使って簡単に自作できます。こちらの記事では、自作の際に必要なことをまとめています。
Cocoon Cocoon≫スキンって何？自作は難しい？実はCSSの勉強に最高でした。
Cocoonのスキンは、ひな形を使って簡単に自作することができます。この度のチャレンジをもとに「スキンって何よ？」というところからご紹介していきます。
HTML＆CSS CSSのお勉強:グラデーションの基本（1）【linear-gradient】
CSSでグラデーション（linear-gradient）を表示する方法を勉強してみました。
HTML＆CSS CSSで使えるカラーネームを使いやすくグループ分け
関連グループごとに分けた、シンプルで使いやすいカラーネーム一覧を作りました。
HTML＆CSS 立体ボタンを作る時【border-bottom それとも box-shadow】どっちを使う？
CSSでボタンを作る時に使うのは border-bottomとbox-shadowのどちらを使ったらいいのか？というギモンを追求してみました。
HTML＆CSS テーブル：セル内でテキストを折り返さないCSS設定
HTMLで表を作成する時、セル内のテキストを自動改行禁止にする設定。
HTML＆CSS CSSだけで「思わず押したくなるボタン」を作る方法2（立体化＆押せるボタン）
Webサイトで見かける「押したくなるボタン」のデザインを作る方法の第2段。今回は立体化と押せるようにする設定を深掘りします。
HTML＆CSS CSSだけで「思わず押したくなるボタン」を作る方法(1)
CSSの基礎知識を身に着けたばかりの人が、CSSでボタンを作る仕組みを理解できるまで、順を追ってまとめています。
HTML＆CSS どれを使えばいい？ 紛らわしい initial、inherit、unset
WordPressサイトのカスタマイズで知っておくと便利なCSSのプロパティ値の中で、紛らわしい initial、inherit、unset の使い分けを整理。
HTML＆CSS 見出しや見出し以外で連番を表示する方法【CSS】counter
見出しや、それ以外の場面で、自動的に連番をカウントして表示する方法をまとめています。CSSを使って実装できます。
HTML＆CSS リストの最終行だけ下線を引かない【CSS】
こちらの記事では、「ol要素」「ul要素」で作成した箇条書きに下線を引くデザインで、最終行だけは下線を引かない方法を記録しています。
HTML＆CSS tableの列単位で配置設定【何番目・以降・最初・最後】セレクタ（疑似クラス）
CSSの疑似クラスを使うと「何番目」や「何番目以降」などの柔軟な要素指定が可能です。こちらの記事では、表の列単位で選択する場合を想定した逆引きパターンを記録しています。
FreeFont パワポ無料テンプレート覚え書き★フォントについて
PowerPoint用のテンプレートを使う場合、ダウンロードしたファイルにフォントが埋め込まれているかを確認しましょう。
Office パワポ:意外とややこしい画面切り替えの時間設定［期間］と［自動］の違い
パワーポイントの「画面切り替え」にある［期間］と［自動］の時間設定の違いを確認しました。
Office 【PowerPoint】飛行機の宙返りアニメーションを作る
パワーポイントの演出として、飛行機を宙返りさせるアニメーションを作ってみましょう。
Office PowerPoint:アニメーション［軌跡］の使い方を押さえてオブジェクトを自在に動かす
パワーポイントのアニメーションで、オブジェクトを指定した軌道に沿って移動させる［軌跡］の使い方をまとめました。
Office パワポでグラデーションを思い通りに設定する方法（Word、Excel共通）
思い通りのグラデーションが設定できないという人に読んで欲しい、グラデーション設定の使い方を総まとめ。
Office 【PowerPoint】地図上で目的地までの経路を辿るラインを再生するアニメーション
地図上の経路を分かりやすく表示するのに、手書きのラインをアニメーションにしてみましょう。
Office 【PowerPoint】アニメーション徹底解剖
パワーポイントのアニメーション機能を徹底解剖してみました。
Office PowerPoint［アニメーション］なんちゃってプログレスバー（進行状況バー）の作り方
パワーポイントで、プログレスバー（進捗状況バー）風のアニメーションを作って演出に活用しましょう。
Office PowerPoint:アニメーションGIFに変換する方法
パワーポイントでは、プレゼン内容を簡単にアニメーションGIFに変換できます。
Office PowerPointアニメーションを使ってカウントダウンアニメを作る方法（基礎編）
パワーポイントでカウントダウンタイマーを作るアニメーションを作ってみましょう。まずは基礎編から。
Cocoon ［Cocoon］メインカラムとサイドバーの背景色を変える
Cocoonを使うサイトで、全体的な背景色をカスタマイズする方法をまとめています。
Cocoon Cocoon≫スキンの作り方:自作のための覚え書き
ワードプレスの無料テーマCocoonのスキンは、ひな形を使って簡単に自作できます。こちらの記事では、自作の際に必要なことをまとめています。
Cocoon Cocoon≫スキンって何？自作は難しい？実はCSSの勉強に最高でした。
Cocoonのスキンは、ひな形を使って簡単に自作することができます。この度のチャレンジをもとに「スキンって何よ？」というところからご紹介していきます。
便利ツール 「色」のお悩み解決ツール
伝わるデザインを考える時に「色」は重要な要素になりますが、素人には配色そのものが難しいものです。そんな時は、Webツールを役立てましょう。
Cocoon 【Cocoon】バッジ内にリンクを設定しても文字が「白色」で表示されるようにする
Cocoonのバッジ内のテキストにリンクを設定しても白色で表示され、アンダーラインも表示されないようにカスタマイズしました。
Cocoon Cocoon：リストブロックにボーダーとスタイル装飾が追加されました
日々進化している無料テーマ「Cocoon」ですが、今回の更新でリストブロックの装飾機能が追加されてとても便利になりました。
アフィリエイト ステマ規制対応：ファーストビューのPR表示
2023年10月1日から施行されるステマ規制。個人サイトであっても無視できない案件です。本サイトも急遽対応に追われました。
便利ツール Canvaで見つけた画像生成AIアプリ【Text to Image】
Canvaのアプリで Text to Image を使うと、描きたいものと、そのシチュエーションや色、雰囲気などを説明文で入力しただけで、AIが画像を作成してくれます。
WordPress WordPress 6.3 「ライオネル」
2023年８月初旬にWordPressが6.3に更新されたことに伴って、変更内容などの備忘録です。
WordPress サイトの色選びに迷った時に役立つ【配色の本】集めました
ブログの内容や雰囲気を伝えることに大きく影響するサイトカラー。サイトカスタマイズの第一歩とも言える大事なカラー選びに参考になる配色本を集めました。