- 2024年10月24日
- 2024年10月24日
【HTML】【CSS】動画をダブルクリックした際に全画面表示をさせない方法
動画を視聴中にvideo要素をダブルクリックするとブラウザの機能によって動画が全画面再生されます。便利な機能ではありますが動画を見ながら他の作業をする前提のwebサービスでは不意 […]
CATEGORY
HTML
- 2023年7月25日
【HTML】【CSS】HTML、CSSについて各メールクライアントがどれだけ対応しているかを見れるCan I emailの紹介
HTMLメールはメールクライアントがHTMLやCSSを用いてメールの見た目を構築するリッチな機能であり良いデザインを作る手助けをしてくれます。しかし全てのメールクライアントが同じ […]
- 2022年5月23日
【HTML】Google Chromeでtable要素の一部の罫線が太くなる
同僚に「Google Chrome で table 要素の border が一部だけ太くなるのですが…」という質問を受けたので、今回はそちらの現象についてです。 HTML と CS […]
- 2022年3月9日
- 2022年3月10日
【HTML】【CSS】文字列のある要素からはみ出した部分だけ色を変える
次の様なはみ出した文字が見えなくなる問題があります。 この問題が起きる場合のひとつとして異なる背景色に文字がまたがり文字色が片方の背景色に近い色の場合があります。 対処方法は […]
- 2022年3月7日
- 2023年7月7日
【JavaScript】JavaScript を用いて任意の値を input[type=”file”] にファイルとしてセットする方法
<input type=”file”> – HTML： HyperText Markup Language ｜ MDN input […]
- 2022年1月28日
- 2022年2月3日
【JavaScript】input[type=”file”]にセットされているファイルが更新、削除された後にsubmitする際のブラウザ毎の挙動と問題あるsubmitの予防方法
input 要素にユーザーが入力を行い、その input 要素の中身を送信することでユーザーが自由なデータをサーバーに送信するという手法がよくとられます。この input 要素で […]
- 2021年9月21日
【HTML】【CSS】折り返しのタイミングを英単語の様に制御する
時折、ある程度は折り返してもよいが、折り返しのタイミングはてにおはや句点、読点にして欲しい、といった要望があります。そういった際には次の様に句単位で span をつけ、各 spa […]
- 2021年8月2日
- 2021年8月3日
【HTML】【CSS】table タグを使わず table 的な幅、高さ調整をした表を作る
table は表を表す HTML タグです。これを用いることで次の様な表の同行の中で最も高いマスに合わせた高さ、同列の中で最も広い幅のマスに合わせた幅を持つ表を作れます。 < […]
- 2021年7月8日
【CSS】<ul>リストの黒丸を※に変更する
HTML の <ul> タグで作成したリストの黒丸を任意の文字に変更する方法についてです。 今回は、タイトルにある通り「※」に変更しました。 実装にはこち […]
- 2021年6月29日
【CSS】簡易なドロップゾーンを作るスニペット
ドロップゾーンはファイルをドラッグアンドドロップで入力欄に入力できる仕組みのことの通称です。JavaScript では dropzone.js をはじめとして様々な dropzo […]
- 2021年5月18日
【HTML】【CSS】パスワード保存機能を動作させず、文字列をマスクした input 要素を作る
昨今のブラウザ（少なくとも Google Chrome と Firefox）には下図の様なパスワード保存機能がついています。これはパスワードの使いまわしを防ぎつつ快適さを失わない […]
- 2021年5月12日
- 2021年5月12日
HTML/CSSを少ないタイピング量で書ける省略記法 “Emmet”
HTMLって一から素で書くとなかなか大変な時ってありますよね。 sassのようなどんな環境でも使える言語ではないのですが、対応エディタ上で使えるHTMLの省略記法というものが存在す […]
