【After Effects】テキストアニメ練習2
文字の記入
アニメーター>歪曲テキストの横のアニメーター>歪曲とスケールを足す
歪曲20%
アニメーター>スケールスケール90%
範囲セレクター範囲セレクター>開始0%、終了10 ...
【After Effects】テキストアニメ練習1
壁に激突して飛んでいく
完成作り方文字を書く
トランスフォーム>アンカーポイントを中心に
文字をだんだん大きくするトランスフォーム>スケール>タイムウォッチ>最初0%>1秒でスケールを100%>50 ...
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カラーカラーの組み合わせが一覧で見れる
Cocoonでサイドバーコンテンツを全て中心揃えにするCSS
追加CSSに下記を追記する
#sidebar{text-align:center;}完成です!
CSS構文チェックサービス【W3C無料公開サイト】
左から順番に
URLで検証するHTML文章をアップロードする
テキストエリアに記述する
正しい時
見やすく表示もしてくれる
エラーの時...
HTML構文チェックサービス【W3C無料公開サイト】
HTML文章をアップロードする
テキストエリアに記述する
正しい時
3のテキストエリアで参照の場合の正しいときは緑のテキストが下部に出る ...
HTML&CSSのコソ練【lesson1】
ロリポップでホームページを公開する【ロリポップFTP】
左のメニュー>サーバーの管理・設定>ロリポップ!FTP
フォルダ作成フォルダー名の記入アップロードアップロードする場所を選択>ファイルを選択(パソコンからのデーター:HTMLファイルやCSSファイルを指します)
アッ ...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の記事投稿を3列にする方法「カードタイプ縦型カード3列」にチェック!
Cocoon>インデックス
下にスライド>「カードタイプ」を縦型カード3列にチェックを入れるCocoonの記事内画像の中心揃えにする追加CSS記述
左揃えで、記事作成の時にも中心揃えにならないので追加CSSに記入して直す。
追加CSSに記入した内容.entry-content img{margin:auto;display:block;}.wp-caption{margin ...さくらサーバのデーター5Mのアップロードサイズ容量制限を上げる方法
さくらサーバーのデフォルトでは、画像や動画が5Mまでと、はねられることが多いので上げてみる。
PHP.ini設定スクリプト設定 > PHP.ini設定 >php iniファイルパス
下記を記入する。 ...
【プレミアプロ】動画を個々にサイズ変更する場所
個々のレイヤーごとにサイズを変える方法
スケールをスライドする編集>エフェクトコントロール>スケール
PiyoさんのTOP画像を、風船と別々に動かすCSSの記述
メッセージ 部分に記入した内容
/*別タブで開く*/<a href="リンク先URL" target="_blank"><img class="hiyokosan" src="画像のURL"></ ...PiyoさんのTOP画像を一方的に上に動かすCSSの記述
メッセージ 部分に記入した内容
<a href="リンク先URL"><img class="piyopon" src="画像のURL"></a>追加CSSの記入img.piyop ...NFTアートを始めるのに必要なサイト
NFTの文字列は人に教えちゃダメ!!
イーサリアムアドレス(これは入金などの時にひとにおしえてOK )
2.実際に取引をするプラットフォームOpenSe ...フォントを追加するプラグインWordPress
日本語フォントJapanese Fon ...
WordPressのコピペ防止プラグイン「WP Content Copy Protection & No Right Click」
コピペができなくなるプラグイン
無料でも十分!さらに設定したいときはプロバージョンで!
試してみてね!
Youtubeでタイムテーブルを出す方法
ちなみにVSEO的に下記のタグにはたくさん入れたほうがいい
説明部分の中にタイムテーブルを書き込む説明の部分に下記のように ...
reCAPTCHAでスパムメールを撃退
これだよ。
reCAPTCHAページ下記のページでV3を取得
サイトキーとプロテクトキーをワードプレスに入れる
ワードプレスで設定リロード>ワードプレス管理画面>お問い合わせ>インテグレション>re ...
GAの内部リンク確認、ユーザー回遊の確認
ユーザー>ユーザーフロー>良く使われるディメンションと指標>ランディングページ
複数のページの回遊の一覧ができる、人数なども確認できる
施策1内部リンクが機能しているか見 ...