//AdSenseにリンク

WordPress,プラグイン

FileBird Lite

画像のフォルダー分けが出来るので再び使うときに楽♪

使い方

新規追加>インストール>有効化

これで使えます!

WordPress,SWELL,プラグイン

SWELLデザイン参照サイトSWELL公式デザインデータサイト

ZIPファイルを解答して使います

プラグインをインストール

Customizer Export/Importをインポート

Customizer Export ...

WordPress,プラグイン

SiteGuard WP Plugin

不正ログイン対策のワードプレスプラグインです。

ひらがな入力欄が増えます。

ログインのURLが変わるので注意!

こちらのURLを入れるとログインURLが変わるので注意しましょ ...

未分類

新規作成

場所は、出来れば「D:ドライブ」に格納する。

プレビューキャッシュは、「ソフトウエア処理」以外の項目が選べる場合はそちらを選ぶ(処理が早くなる)

シーケンス

ファイル>新規>シーケンス

AVCHD ...

aftereffects

完成順番

文字の記入

アニメーター>歪曲

テキストの横のアニメーター>歪曲とスケールを足す

歪曲20%

アニメーター>スケール

スケール90%

範囲セレクター

範囲セレクター>開始0%、終了10 ...

aftereffects,未分類

壁に激突して飛んでいく

完成作り方

文字を書く

トランスフォーム>アンカーポイントを中心に

文字をだんだん大きくする

トランスフォーム>スケール>タイムウォッチ>最初0%>1秒でスケールを100%>50 ...

未分類

動かしたい時

Vを押す

書き出し範囲設定

Nを押す

書き出し

After Effectsで書き出せる動画形式は
・Quick Time(MOV)
・Video for Windows(AVI) ...

css,WordPress,Cocoon

サイドにメニューを表示させるための追加CSS.sidemenupiyo{position:fixed;left:0;top:25%;width:7%;z-index:999;background: linear-gradient(rgba( ...

flexbox,html,css

完成図HTML<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"> <meta name="viewport" content="width=d ...

css

初期値

50% 50%

使用例object-position: 50% 50%;object-position: right top;object-position: left bottom;

 置換要素がボックス外にはみ出る ...

css

imgやvideoの中身をコンテナにはめ込む指示

object-fit: contain;object-fit: cover;object-fit: fill;object-fit: none;object-fit: scale ...

css

headに書くには<meta name="viewport" content="width=device-width, initial-scale=1">CSSにはViewportを基準とした単位。vh、vw、vmin、vmax。Vi ...

css

「max-width」と「min-width」で記入

headに書く方法<link rel="stylesheet" href="hoge1.css" type="text/css" media="screen and ( ...

css

CSS の値を指定する際に計算を行うことができるもの

width, margin, padding, font-size, border-width, background-position, text-shadow, transfor ...

flexbox,css

アイテムの拡大設定【flex-glow】

余白をどのように各アイテムに配分するか設定

(空白部分が均等に配置のため、各アイテムが均等サイズになるわけではない。各アイテムにプラス均等余白サイズがたされる)

初期値:0

flexbox,css

flex-glowとは、ブラウザの余白を分割する

flexboxアイテムのトータルサイズが、コンテナのサイズより不足している場合にその余白をどのようにflex配分するかを設定できるプロパティ。

簡単にレスポンシブにするにはフレック ...

flexbox,css

初期値はautoになっている。

フレックスアイテムの数値を設定できるflex-direction: row(横並び)

flex-basisの値=widthの値

.flex-item{width: 120px;}.fle ...

flexbox,css

flex-flowでまとめて記述例

flex-direction: column;flex-wrap: wrap;

上記を下記のようにまとめることができる

flex-flow: column wrap;

ショート ...

flexbox,html,css

完成図HTML<!DOCTYPE html><html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" co ...

未分類

OneDrive通知

知らないうちに動悸されて、このようにくる通知と同期を解除する方法

右下の雲マークを押す

右下の雲マークを押す

ヘルプと設定

設定

別ウィンドウで下記のものが開く ...

html,WordPress

Googlemapのページに行く場所か住所で検索共有サイズを記入HTMLをコピペ

URLをウェブサイトに貼り付けて完成!

css

googleでカラーピッカーと検索

googleでカラーピッカーと検索>好きな場所にドラックする>カラー番号が表示

Adobeカラー

カラーの組み合わせが一覧で見れる

css

CSS検証サービスW3Cが公開している無料サービスMENU

左から順番に

URLで検証する
HTML文章をアップロードする
テキストエリアに記述する
正しい時

見やすく表示もしてくれる

エラーの時

...

html

HTML検証サービスW3Cが公開している無料サービスMENUURLで検証する
HTML文章をアップロードする
テキストエリアに記述する
正しい時

3のテキストエリアで参照の場合の正しいときは緑のテキストが下部に出る ...

flexbox,html,css

完成図HTML<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><title>lesson1 site</ ...

server

左のメニュー>サーバーの管理・設定>ロリポップ!FTP

フォルダ作成フォルダー名の記入アップロード

アップロードする場所を選択>ファイルを選択(パソコンからのデーター:HTMLファイルやCSSファイルを指します)

アッ ...

css,WordPress,Cocoon

サイドバーコンテンツを中心揃えにするCSS

追加CSSに下記を追記する

#sidebar{text-align:center;}

完成です!

css,WordPress,Cocoon

Youtube画像を中心に配置するCSS

追加CSSに下記を追記する

.video-container {margin: 0px auto;}

完成です!

html,WordPress

文字数や段落を意味のない文章で構成してくれるサイトNumber:文字数を指定
Paragraphs:段落数を指定
Display:Pタグをつけたりつけなかったり

意味のない文字列で構成されている

Lor ...

css

justify-content

ディスプレイフレックスのときの配置

右端に配置したいときの記入 justify-content: flex-end;使用例.navi{ display: flex; list-style-type: ...

css

デフォルトCSSの初期値をリセットしてくれるCSS

デフォルトのCSSより意図しないレイアウトになってしまう時に使用する。

style.css より上に配置する

下記のコードを記入する

記入例<!DOCTYPE h ...

html,プラグイン

LivePreviewフォルダーを開くhtmlを右クリックでLivepreview:show Previewリアルタイム表示される

html,css

HTMLの時に意味をもたないタグのdivとspan

divは改行する

divを入れると改行されてしまう。

divはCSSで幅(width)と高さ(height)の指定ができます。

spanは改行しない

...

html,css

flex boxで横並びにするには

flex boxには、コンテナとアイテムが必要。

コンテナとは大枠(ulなど)アイテムは中身(liなど)

※コンテナ要素がない場合はdivで作る

使い方の例クラスをそれぞ ...

css,WordPress,Cocoon

このように横に3列並ぶ方法設定の場所

Cocoon>インデックス

下にスライド>「カードタイプ」を縦型カード3列にチェックを入れる

css,WordPress,Cocoon

左揃えで、記事作成の時にも中心揃えにならないので追加CSSに記入して直す。

追加CSSに記入した内容.entry-content img{margin:auto;display:block;}.wp-caption{margin ...

server,WordPress

5Mの制限

さくらサーバーのデフォルトでは、画像や動画が5Mまでと、はねられることが多いので上げてみる。

PHP.ini設定 

スクリプト設定 > PHP.ini設定 >php iniファイルパス

下記を記入する。 ...

PremierePro

個々のレイヤーごとにサイズを変える方法

スケールをスライドする

編集>エフェクトコントロール>スケール

css,WordPress,未分類

アピールエリア

メッセージ 部分に記入した内容

<a href="リンク先URL"><img class="piyopon" src="画像のURL"></a>追加CSSの記入img.piyop ...

css,WordPress,未分類

アピールエリア

メッセージ 部分に記入した内容

/*別タブで開く*/<a href="リンク先URL" target="_blank"><img class="hiyokosan" src="画像のURL"></ ...