カテゴリ一覧
HTMLの最新記事
CSSの最新記事
-
【Tailwind CSS】Font Sizeユーティリティーにくっついてくる line-height を削除する方法
- 公開日時
Tailwind CSSはデフォルト設定で、非常に便利な機能を提供しています。例えば、フォントサイズを指定する際に、自動的に適切な行間（line-height）も設定してくれます。
-
-
[JavaScript] Lozad.js を使ってスクロールにあわせたふわっとアニメーションを実装する
- 公開日時
Lozad.js は、ウェブページのパフォーマンスを向上させるために遅延読み込み（Lazy loading）を実装するライブラリです。 Lozad.js を使用すると、ユーザーがスクロールして初めて要素が表示範囲に入る時に、その要素を「ふわっ」と表示させるようなアニメーションも実装できます。
-
JavaScriptの最新記事
-
Astroのサーバーエンドポイントにおける redirect() メソッドでリダイレクトできない
- 公開日時
Astro でのユーザー認証をやってみたときに redirect() が思った通りに機能せず困ってしまいました。 Astro のレンダリングモードは server、バックエンドは Supabase です。 fetch() で登録用 API を叩く処理を行う際のお話です。フォームの POST で送信する場合はまた違うかもしれません。
-
[JavaScript] Lozad.js を使ってスクロールにあわせたふわっとアニメーションを実装する
- 公開日時
Lozad.js は、ウェブページのパフォーマンスを向上させるために遅延読み込み（Lazy loading）を実装するライブラリです。 Lozad.js を使用すると、ユーザーがスクロールして初めて要素が表示範囲に入る時に、その要素を「ふわっ」と表示させるようなアニメーションも実装できます。
-
-
Nuxt で 静的画像を lazyload をする方法
- 公開日時
こんな感じで data-src に画像パスをバインディングしてしまうと HTML でもそのまま data-src="~/assets/images/pc-xx.jpg" と出力されてしまい画像を読み込めません。
その他の最新記事
-
このWeb技術ブログが Googleアドセンス の審査で承認されるために行ったこと
- 公開日時
2019年の開設以来、何度か Google Adsense の審査に出してきましたがことごとく非承認でした。 ちょこちょこと細かい部分を変更して審査に出しては 「当プログラムのご利用要件を満たしておられない」 というメールが届くばかり。 だんだんとブログ自体に関心が無くなってきてしまいました。 （記事の少なさがそれを物語っている！）
