Web担メモ

ログインメモする

Web担メモ

HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。

Youtubeの埋め込みを縦横比そのままのレスポンシブ対応するためのCSSの設定

U3

2020/4/9

2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

1280x720

参考URL	https://y-com.info/contents/?p=4327

関連する投稿

スニッピングツール（Windows10）デスクトップ画面のキャプチャ

Snipping Tool を使ってスクリーンショットをキャプチャする https://support.microsoft.com/ja-jp/help/13776/windows-use-snipping-tool-to-capture-screenshots Windows10に標準でついている画面のキャプチャソフトです。メモの追加はできますが、画像上にテキストを書き込むことができないようです。 Ctrl+Gでデスクトップの動画（ビデオキャプチャ）も撮れます。

Web制作

0
112
0

U3

新しいブラウザ「Brave」

ユーザーが許可しないと広告が表示されることはないBraveから提供される広告を見ると、独自の暗号資産BATを受け取れるBATを原始に、応援したいコンテンツに投げ銭ができる　【前編】ブロックチェーンがあったからこそ生まれた。まったく新しいブラウザ「Brave」とは

Web制作

0
201
0

U3

Webでもプッシュ通知が出来るかもしれません

プッシュ通知はネイティブアプリでないと実装できないと思っていましたが、Webブラウザでも実装できるようになっているかもしれません。参考URLhttps://www.casleyconsulting.co.jp/blog/engineer/293/https://ferret-plus.com/6035有料サービスhttps://liskul.com/web-push-notifications-45773iOSのSafariでは未対応という話もあるので、iPhoneで使えないということは実質スマホではまだ使えないということにはなりそうですが・・・詳しくは調査中です。

Web制作

1
105
0

U3

Youtube埋め込みコードの自動生成ツール

http://urbanqee.com/doga/embedcode/youtube.php以下の項目を選べます。サイズ自動再生及び繰り返し再生再生開始位置関連動画表示プレーヤーのコントロールを表示するかどうか動画のタイトルとプレーヤーの操作を表示するかどうか・再生リストの設定controlバーの色（objectコードの場合のみ）他にもシンプル　iframeタグのみhttps://ichiso.net/tools/youtube-code-issue.phpYouTubeのヘルプhttps://support.google.com/youtube/answer/171780?hl=ja

Web制作

0
295
0

U3

ベーシック認証のかかったサイトのリンク切れチェックをする方法

＜ウェブサイト・エクスプローラ＞ http://www.umechando.com/webex/ ダウンロードして使うソフト。「外部リンク一覧」タブに切り替えて見る。瞬間ソースチェッカー http://www.webkaizen.jp/ Facebook、Twitter アカウントもしくはメールフォームによる会員登録(無料)がを行うと複数 URL を一度にチェックできたり、サイト全体を一度にチェックできたり、ユーザーエージェントを切り替えてのチェックができたり、Basic 認証のかかったサイトのチェックなどができるようになります。引用： http://www.hiskip.com/free/website/check/2323.html

Web制作

0
2276
0

U3

コマンドプロンプトでネットワーク診断できるpingコマンド

https://michisugara.jp/archives/2014/ping.htmlpingコマンド通信したい相手に対してパケットを送信し、ちゃんと応答が帰ってくるかどうかを確認できる１．コマンドプロンプトを起動２．下記の通りコマンドを打つping [URL] [URL]はhttp:などの付いていないもの３．コマンドを送信して通信が正常か確認正常でないと、「要求がタイムアウトしました」などのメッセージが出る。

Web制作

0
137
0

U3

.htaccessのリダイレクトの書き方

RewriteEngine on RewriteRule ^■■.html$ https://www.〇〇.com/▲▲.html [L,R=301] ワードプレスの場合WordPressのリダイレクト設定はプラグイン「Redirection」で

Web制作

0
125
0

U3

コーディング：!importantは使わないで

安易に!importantを使わないで、CSSの優先順位で記述しましょう。http://creator.aainc.co.jp/archives/4947CSSの優先順位（基本）http://www.htmq.com/csskihon/007.shtmlよりタグに近い、より後から読み込まれたスタイルが優先されるセレクタの種類による優先順位（idセレクタ > classセレクタ > タイプセレクタ > 全称セレクタ）スタイルシートを追加する場合どのページ専用かでわかりやすい名前を付けましょう。common.css (共通）mypate.css(マイページ専用)top.css(topページ専用)等…後からCSSを追加する作業者は、該当するCSSに追記しましょう。

Web制作

0
42
0

U3

メールアドレスを直接掲載するとスパムメールの原因になる

メールアドレスを掲載する時に気を付けることhttps://allabout.co.jp/gm/gc/23933/基本的に、メアドを直接記載したり、HTMLコードの中にリンク先として「mailto:」の後にメアドを直書きしたりしないこと。どうしてもメアドを載せねばならないときは暗号化対策をする。しかし今はWebフォームが簡単に作成できるため、そうまでしてメールアドレスのテキストを載せる必要性のある場面が多いとは思われない。暗号化メールアドレスの簡単生成ツールhttp://mailrobo.7jp.net/mrobo4.htmlhttp://www.luft.co.jp/cgi/coding.phpリンク内容ごとの対応画像/メールアドレスでないテキストhttp://mailrobo.7jp.net/mrobo4.htmlやhttp://www.luft.co.jp/cgi/coding.phpの「安全性：高」JavaScriptを使用メールアドレスhttp://www.luft.co.jp/cgi/coding.phpの「安全性：中」を使用WordpressでJavaScriptが難しい場合http://www.luft.co.jp/cgi/coding.phpの「安全性：低」などを使用しエンティティ化

Web制作

0
67
0

U3

iPhoneのWebアプリのプッシュ通知機能について

Web制作

0
77
0

U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

8

2

rakuten handを初期化しても電話番号の情報が残っている

7

3

Google Playストアでアプリを一時的に非公開にする方法

6

4

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

6

5

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

6

Webデザイナー＋コーダー＝Readdy

5

7

NEWマークを任意の日数だけ表示させる（JavaScript）

5

8

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

5

9

Google広告で領収書や支払明細を発行したいとき

5

10

顧客管理：BASEの例

5

11

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

5

12

モニター（ディスプレイ）が突然消えたりついたりを繰り返す

4

13

DreamＷeaver：コメントアウトのショートカット

4

14

[APIを叩く]ってどういう意味?

3

15

App Storeでアプリを一時的に配信停止にする方法

3

16

Criteoという広告が勝手に表示される

3

17

エンティティ文字とは

3

18

Googleアナリティクス：通貨を日本円にしたい

3

19

Firebaseとは〜Googleが提供するバックエンドプラットフォーム（mBaaS）

2

20

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

この投稿者に問い合わせ

お名前

メールアドレス

電話番号（任意）

本文

この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

シェア
ログイン
利用登録する
ログアウト
マイアカウント
メモする

このサイトについて
問合せ