chrome videoタグのautoplayが効かない
- 2022.06.03
- html
chromeで、videoタグのautoplayが効かない場合の対処法を記述してます。 環境 OS windows11 home ブラウザ chrome 102.0.5005.63 autoplayが効かない 以下のコードで発生 実行結果 原因 音声がある動画の自動再生がブラウザで制限されているため […]
html
1/2ページ
javascript buttonをクリックするとリロード処理が行われる
- 2022.02.24
- html
javascriptで、buttonをクリックするとリロード処理が行われる場合の原因と対処法を掲載してます。原因は「button」の「type」属性のデフォルト値は「type=”submit”」となっているためです。ブラウザはchromeを使用しています。 環境 Javasc […]
disabledを指定しても効かない
- 2021.03.22
- html
くだらない理由でbuttonタグにdisabledを指定しても効かなくて、少しハマったので記述してます。 環境 ブラウザ chrome 84.0.4147.105 disabledが効かない 別の人が書いたコードの「button」タグに「disabled」を指定するだけだったのですが、指定しても、非 […]
html feGaussianBlurタグを使用して画像にぼかしを入れる
- 2020.11.24
- html
htmlで、feGaussianBlurタグを使用して、画像にぼかし効果を入れるサンプルを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApacheのインストール feGauss […]
html feColorMatrixタグを使用して画像をモノクロ表示にする
- 2020.10.20
- html
htmlで、feColorMatrixタグを使用して、画像をモノクロ表示にするサンプルを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApacheのインストール feColorM […]
html clippathを使用して指定したテキストで画像を切り抜く
- 2020.10.16
- html
htmlで、clipPathタグを使用して、テキスト型に画像を切り抜くサンプルを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApacheのインストール テキスト型に切り抜く c […]
html clippathを使用して画像を円形に切り抜く
- 2020.10.10
- html
htmlで、clipPathタグを使用して画像を円形に切り抜くサンプルを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApacheのインストール 円形に切り抜く clipPath […]
ubuntu20.04 wkhtmltopdfをインストールしてサイトをPDF化する
- 2020.04.29
- html, PDF, Ubuntu20.04, wkhtmltopdf, インストール
wkhtmltopdfをインストールすると、サイトのURLを指定すれば、コマンドでhtmlをpdf化すること可能になります。 環境 OS ubuntu 20.04 wkhtmltopdfインストール 下記のコマンドでインストール可能です。 バージョンを確認してみます。 サイトをPDF化 当サイトをP […]
IE11でiframeにてhtmlがそのまま表示された場合の対処法
iframeを利用してhtmlをファイルを表示した際に、IE11のみ、htmlがそのまま表示されたので、その対処法 エラー画像 IE11 コンソールエラーメッセージ (HTTP ヘッダー) からのコードページ utf-8 は、(META タグ) からの競合するコードページ を上書きします 原因 if […]
バリアブルフォント（Variable Font）を使用した簡単なhtml
- 2019.10.28
- html, Variable Font
バリアブルフォントおもしろそうなので簡単なhtmlを実装してみた 環境 WEBサーバー apache httpd OS CentOS Linux release 8.0.1905 (Core) バリアブルフォントとは バリアブルフォントとは、Adobe・Apple・Google・Micr […]