メディアのファイル分けが出来るプラグイン【FileBird Lite】
画像のフォルダー分けが出来るので再び使うときに楽♪
使い方新規追加＞インストール＞有効化
これで使えます！
SWELLのデザインきせかえプラグイン
ZIPファイルを解答して使います
プラグインをインストールCustomizer Export/Importをインポート
Customizer Export ...ひらがなでログインのプラグイン[SiteGuard WP Plugin]
不正ログイン対策のワードプレスプラグインです。
ひらがな入力欄が増えます。
ログインのURLが変わるので注意！こちらのURLを入れるとログインURLが変わるので注意しましょ ...
PremierPro初期設定
場所は、出来れば「D:ドライブ」に格納する。
プレビューキャッシュは、「ソフトウエア処理」以外の項目が選べる場合はそちらを選ぶ（処理が早くなる）
シーケンスファイル＞新規＞シーケンス
AVCHD ...【After Effects】テキストアニメ練習２
文字の記入
アニメーター＞歪曲テキストの横のアニメーター＞歪曲とスケールを足す
歪曲20％
アニメーター＞スケールスケール90％
範囲セレクター範囲セレクター＞開始0%、終了10 ...
【After Effects】テキストアニメ練習１
壁に激突して飛んでいく
完成作り方文字を書く
トランスフォーム＞アンカーポイントを中心に
文字をだんだん大きくするトランスフォーム＞スケール＞タイムウォッチ＞最初０％＞１秒でスケールを100％＞50 ...
【After Effects】練習基礎
Vを押す
書き出し範囲設定Nを押す
書き出しAfter Effectsで書き出せる動画形式は
・Quick Time(MOV)
・Video for Windows(AVI) ...
サイドにメニューを表示の追加CSS
HTML＆CSS練習レスポンシブ【lesson5】
【object-position】ボックス内で位置指示
50% 50%
使用例object-position: 50% 50%;object-position: right top;object-position: left bottom;置換要素がボックス外にはみ出る ...
【object-fit】コンテナにはめ込むレイアウト指示
imgやvideoの中身をコンテナにはめ込む指示
object-fit: contain;object-fit: cover;object-fit: fill;object-fit: none;object-fit: scale ...CSSビューポート（vw、vh、vmin、vmax）と、中心に配置
メディアクエリの目安サイズと書き方
「max-width」と「min-width」で記入
headに書く方法<link rel="stylesheet" href="hoge1.css" type="text/css" media="screen and ( ...【calk】計算値で指定CSS-レスポンシブに便利
width, margin, padding, font-size, border-width, background-position, text-shadow, transfor ...
flexboxアイテム拡大縮小【flex-shrink、flex-glow】
余白をどのように各アイテムに配分するか設定
（空白部分が均等に配置のため、各アイテムが均等サイズになるわけではない。各アイテムにプラス均等余白サイズがたされる）
初期値:0flex-glowでレスポンシブ対応にする
flexboxアイテムのトータルサイズが、コンテナのサイズより不足している場合にその余白をどのようにflex配分するかを設定できるプロパティ。
簡単にレスポンシブにするにはフレック ...flex-basisで横幅や高さを設定する
初期値はautoになっている。
フレックスアイテムの数値を設定できるflex-direction: row(横並び)flex-basisの値＝widthの値
.flex-item{width: 120px;}.fle ...flex-flowでまとめて省略記述できるがflexboxの値が初期値に戻る
例
flex-direction: column;flex-wrap: wrap;上記を下記のようにまとめることができる
flex-flow: column wrap;ショート ...
HTML＆CSSのコソ練【lesson2】
OneDrive通知と同期を解除する方法
知らないうちに動悸されて、このようにくる通知と同期を解除する方法
右下の雲マークを押す右下の雲マークを押す
ヘルプと設定
設定
別ウィンドウで下記のものが開く ...
GooglemapのHTML埋め込み方法
URLをウェブサイトに貼り付けて完成！
CSSカラー番号の参考サイト
googleでカラーピッカーと検索＞好きな場所にドラックする＞カラー番号が表示
Adobeカラーカラーの組み合わせが一覧で見れる
CSS構文チェックサービス【W3C無料公開サイト】
左から順番に
URLで検証するHTML文章をアップロードする
テキストエリアに記述する
正しい時
見やすく表示もしてくれる
エラーの時...
HTML構文チェックサービス【W3C無料公開サイト】
HTML文章をアップロードする
テキストエリアに記述する
正しい時
3のテキストエリアで参照の場合の正しいときは緑のテキストが下部に出る ...
HTML＆CSSのコソ練【lesson1】
ロリポップでホームページを公開する【ロリポップFTP】
左のメニュー＞サーバーの管理・設定＞ロリポップ！FTP
フォルダ作成フォルダー名の記入アップロードアップロードする場所を選択＞ファイルを選択（パソコンからのデーター：HTMLファイルやCSSファイルを指します）
アッ ...Cocoonでサイドバーコンテンツを全て中心揃えにするCSS
追加CSSに下記を追記する
#sidebar{text-align:center;}完成です！
CocoonでYouTube画像の配置を中心揃えにするCSS
追加CSSに下記を追記する
.video-container {margin: 0px auto;}完成です！
ダミーテキストおすすめサイト
Paragraphs：段落数を指定
Display：Pタグをつけたりつけなかったり
意味のない文字列で構成されている
例Lor ...
フレックスボックスの配置CSS( justify-content）
ディスプレイフレックスのときの配置
右端に配置したいときの記入 justify-content: flex-end;使用例.navi{ display: flex; list-style-type: ...リセットCSSのURL（Normalize.css）
デフォルトのCSSより意図しないレイアウトになってしまう時に使用する。
style.css より上に配置する下記のコードを記入する
記入例<!DOCTYPE h ...リアルタイムプレビューのプラグイン（LivePreview）VSコード
divの代わりにspanを入れると改行しない
HTMLの時に意味をもたないタグのdivとspan
divは改行するdivを入れると改行されてしまう。
divはCSSで幅（width）と高さ（height）の指定ができます。
spanは改行しない...
flex boxの基本の使い方
flex boxには、コンテナとアイテムが必要。
コンテナとは大枠（ulなど）アイテムは中身（liなど）
※コンテナ要素がない場合はdivで作る
使い方の例クラスをそれぞ ...Cocoonの記事投稿を３列にする方法「カードタイプ縦型カード３列」にチェック！
Cocoon＞インデックス
下にスライド＞「カードタイプ」を縦型カード３列にチェックを入れるCocoonの記事内画像の中心揃えにする追加CSS記述
左揃えで、記事作成の時にも中心揃えにならないので追加CSSに記入して直す。
追加CSSに記入した内容.entry-content img{margin:auto;display:block;}.wp-caption{margin ...さくらサーバのデーター５Mのアップロードサイズ容量制限を上げる方法
さくらサーバーのデフォルトでは、画像や動画が５Mまでと、はねられることが多いので上げてみる。
PHP.ini設定スクリプト設定 > PHP.ini設定 >php iniファイルパス
下記を記入する。 ...
【プレミアプロ】動画を個々にサイズ変更する場所
個々のレイヤーごとにサイズを変える方法
スケールをスライドする編集＞エフェクトコントロール＞スケール
PiyoさんのTOP画像を一方的に上に動かすCSSの記述
メッセージ 部分に記入した内容
<a href="リンク先URL"><img class="piyopon" src="画像のURL"></a>追加CSSの記入img.piyop ...PiyoさんのTOP画像を、風船と別々に動かすCSSの記述
メッセージ 部分に記入した内容
／＊別タブで開く＊／<a href="リンク先URL" target="_blank"><img class="hiyokosan" src="画像のURL"></ ...