MOHO 【MOHO Pro 13】効果【学び直し6】
チュートリアル５章では、動くオブジェクトに影などのエフェクト効果を付けたり、カメラ目線で背景を動かすなど、アニメーションの演出に役立つ効果について学びます。
MOHO MOHO 【MOHO Pro 13】複数シェイプの重なり順序を入れ替える方法
Mohoでは、同じレイヤー内に複数の図形を描画できます。重なり順を変える方法を忘れがちなので記録しておきます。
MOHO 【MOHO Pro 13】アニメーション【学び直し5】
チュートリアル5章「アニメーション」のまとめです。アニメーション化の基本と、Mohoに搭載されている便利な機能が盛り沢山です。
MOHO 【MOHO Pro 13】画像【学び直し4】
チュートリアル4章の内容をまとめています。外部イメージファイルをアニメーションやテクスチャに使うことを学習します。
MOHO 【MOHO Pro 13】図形の結合（ブールシェイプの作成）
一般的な画像編集ソフトで使われる「結合、型抜き、交差」といった手法で複数の図形から新しい図形を作ることが、Mohoでは少し特殊な作業になっています。
MOHO 【MOHO Pro 13】ボーンの使い方【学び直し3】
チュートリアル３章「ボーン」のまとめです。オブジェクトを動かす要となるボーン機能を理解することが、MOHOを使う上で重要になります。
MOHO 【MOHO Pro 13】描画【学び直し2】
チュートリアル２章の内容をまとめています。結合、穴あけ、マスク、3Dといった内容で、MOHOならではの特徴的な描画機能を学びます。
MOHO 【MOHO Pro 13】作業の流れを理解する【学び直し1 】
MOHOチュートリアル1章「クイックスタート」の学習内容をまとめています。ザックリとMOHOというソフトを理解していく内容です。
MOHO 【MOHO Pro 13】はじめの一歩【チュートリアル準備】
MOHOの勉強を始める前に設定しておきたいUIの日本語化、チュートリアル用のサンプルの確認など、必要な項目をまとめました。
雑記 ほったらかし「MOHO Pro 13」を引っ張り出す
買いっぱなしのアニメ作成ソフト「MOHO Pro 13」を引っ張り出して、勉強を始めてみましたが、想像以上に奥が深くて先が長そうです。
HTML＆CSS 色の名前:名前は聞いたことがあるのに、すぐに思い浮かばない色
「アイボリー」と言われたら、どんな色を思い浮かべるか？自分の感覚とカラーネームで表示した時の違いが多いので、比較サンプルを作ってみました。
HTML＆CSS CSSグラデーションで作る背景デザインの覚え書き
CSSのgradient関数を使って作るストライプや水玉模様の背景サンプルです。参考に配色サンプルも16パターン置いてます。
HTML＆CSS CSSのお勉強:repeating-linear-gradient(反復線形)の使い方
反復線形グラデーションの設定方法を勉強しました。ストライプ模様のボックス背景を作る時などに使えるので覚えておきたいCSSプロパティです。
HTML＆CSS CSSのお勉強:グラデーションの基本（3）【conic-gradient】
CSSで扇形グラデーションを表示する方法の基本を勉強しました。また、扇形グラデーションを使って円グラフを作ってみます。
HTML＆CSS CSSのお勉強:グラデーションの基本（2）【radial-gradient】
CSSで放射グラデーションを指定する方法を勉強しました。
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段。今回は立体化と押せるようにする設定を深掘りします。
Office PowerPoint:車に動きを付けて登場させる（正面編）
【PowerPoint】画面切り替えの「変形」を使って、車を遠く正面から手前に登場させる動きを付けてみましょう。
Office PowerPoint：サンプル文書を簡単自動入力する方法
サンプル用のスライドを作成する時にサンプル文書を入力したい場合は、関数を使って自動的に入力できます。
Office PowerPoint：クルクルと巻物が開くアニメーションを作る
パワーポイントのアニメーションを使い、古文書などの巻物がクルクルと転がりながら開く様子をアニメーションにできないか？と思い、挑戦してみました。
Office Wordでイラストをシルエット画像に変える方法（専用ソフト不要）
Wordで既存のイラストをシルエット化する方法をまとめています。（Excel/PowerPoint共通）
Office PowerPoint:スライド背景を点線の方眼紙にする
パワーポイントのスライド背景を、点線の方眼紙に見せる方法をまとめています。
Office PowerPointスライド背景を方眼紙模様にする
スライドを方眼紙背景にするには既定パターンではマス目が小さすぎると感じている場合に使える、図を使った簡単な設定方法のご紹介です。
Office パワポの裏技：同じ図形の繰り返し描画に便利な描画モードのロック
Office製品で同じ図形を繰り返し描画する時には、『描画モードのロック』を使うと便利です。
Office パワーポイント：オブジェクトを等間隔に並べながら複製を作る方法
3個以上の同じオブジェクトの複製を作りながら等間隔に並べたい時に使いたい裏技です。
Office パワーポイント：展開する動きのある3D階段を作ってみよう
パワーポイントで立体的な階段を作成し、オシャレな動きを設定してみましょう。
Office PowerPointに絵文字を簡単入力する方法
ちょっとしたワンポイントにイラストが欲しい場面で重宝する絵文字フォント「Segoe UI Emoji」を簡単に探して入力する方法です。
WordPress 【WP ULike】「いいね」ボタンの前にメッセージを添える
「いいね」を気軽ににポチッとできるプラグイン「WP ULike」ですが、ボタンの外にメッセージを表示する設定は見当たらなかったので、CSSで対応しました。
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に更新されたことに伴って、変更内容などの備忘録です。