canvasで画像をwebpに変換する
以前にcanvasの内容を画像に変換する記事を投稿しましたが、変換時のファイル形式でwebpを指定することもできるので、...
2023年10月の記事一覧
JavaScriptの実行タイミングについて
JavaScriptが実行されるタイミングとしては、大きく分けて以下の4種類あります。 直ぐに実行 DOMの読み込み完了...
Astroを使ってみる
Astroはドキュメントサイトやブログなどといった、コンテンツ閲覧がメインのWebサイトの構築に適したフレームワークで、...
簡易的なスライダーを実装する
サイト構築時にスライダー処理が必要な際はライブラリを使用することが多いですが、ライブラリを使用するほどでもない軽微なスラ...
jQueryを読みこむ前にjQueryのコードを記述する
既に運用中のCMSサイトで特定の1ページのみjQueryの処理を追加したいということがあったのですが、jQuery本体は...
Sassのマップで複数のカテゴリ情報を管理する
以前にSassでカテゴリーの色を管理するという記事を投稿しましたが、単一色の管理ではなく複数のカテゴリ情報を持たせたいと...
SVGのアニメーションでイージングを設定する
SVGのanimate属性でアニメーションの設定をする際、イージングの指定ができるようだったのでメモ。...
フォーム内のbuttonタグで送信されないようにする
formタグ内でフォーム送信ボタンとは別にbuttonタグを配置したい場合に、クリックでフォームを送信しないようにする方...