web関連 - html
-
プログラミング
【css】「counter-reset」で任意の数字から始める方法
2023/12/10プログラミングcss html scssolタグのリスト番号部分を疑似クラスを使い「counter-reset」を使って番号を表示させている時に任意の数字から始める方法 解決方法：専用のclass作成 解決方法としては、専用のclassを付与することで解決する… -
プログラミング
【HTML】スマホで「:hover」（ホバー）を動かす方法
2022/12/05プログラミングhtmlontouchstart属性を指定すれば解決 スマホでもPCのように:hoverを動かしたいときはontouchstart属性を指定すれば解決する <body ontouchstart> … </bod… -
プログラミング
【HTML】timeタグの使い方メモ
2021/08/20プログラミングhtml記事の公開日とか更新日に使ったりする timeタグを使って公開日と更新日の書き方 公開日が8月20日で更新日が8月23日の時の書き方 更新日：<time datetime="2021-08-23"… -
プログラミング
【コマンドプロンプト】画像をbase64に変更する方法
2021/05/04プログラミングcss htmlsvg画像をbase64にエンコードしてHTMLやCSSとして埋め込みたかったときの備忘録 コマンドプロンプトを使ってSVG→base64にエンコード コマンドプロンプトを開いて、画像ファイルのある階層までcdコマンドで… -
プログラミング
【javascript】HTMLコレクションのループ方法
2021/03/25プログラミングhtml ループ 言語-javascript要素を一括で取得してforeachで取得しようとしたらHTMLコレクションをループ処理ができなかった。 HTMLコレクションをforeachでループさせる方法の備忘録。 原因：HTMLコレクションは配列じゃない HTML… -
プログラミング
【javascript】HTMLCollectionとNodeListの要素追加時の違い
2021/03/22プログラミングhtml 言語-javascriptDOMに要素を追加する際に、HTMLCollectionが動的で、NodeListが静的ということなんだけど実際にどう違うのか気になったので備忘録 HTMLCollectionとNodeListの要素の追加方法 div要… -
プログラミング
【javascript】Ajaxを使って画像をダウンロードさせる方法
2021/03/18プログラミングhtml 言語-javascriptaタグのdownload属性を使えばダウンロードさせることができるけどIEには対応していないのでAjaxを使って実装したときの備忘録 aタグのdownload属性を使ってダウンロード IE11とiOS以外はaタグのdow… -
プログラミング
【javascript,HTML5】canvas上のクリックをした位置に点を描画する方法
2020/08/28プログラミングcanvas html 言語-javascriptHTML5の「canvas」上でクリックをしたら点を描画したかった時の備忘録 「canvas」上でクリックをしたら点を描画する方法 canvasタグを使って、クリックしたところに点を描画するサンプルは以下。 ※点は1つの… -
プログラミング
【HTML5・javascript】canvasで読み込んだ画像を親要素の幅に合わせ高さを調整する方法
2020/08/26プログラミングcanvas html 言語-javascriptcanvasを使って読み込んだ画像が親要素の幅に合わせて画像の比率を保ったままいい感じにできないかなぁって思い調べた時の備忘録 参考：ソース周り丸々参考にした ほぼソースコードについてはここのサイトの使わせてもらった た… -
プログラミング
【HTML5・javascript】canvasで画像を読み込む方法
2020/08/24プログラミングcanvas html 言語-javascriptcanvasで画像を読み込んで色々しようと思ったけど、使い方わからなかったから調べた時の備忘録 画像をcanvasを使って読み込む方法 <canvas id="canvas" width=&qu…