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