ほぼデイリーWebテク Vol.030 2022/06/13
Flexboxを使ったレスポンシブな画像ギャラリーの作り方／無限スクロールを使ったページでフッターに到達できない対策のヒント／CSSシャドウ効果のコーディング例8つ
How to create a responsive image gallery with CSS flexbox - LogRocket Blog
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
Flexboxを使ったレスポンシブな画像ギャラリーの作り方。
均一な画像サイズ
画像の縦横比を維持
画像の縦横比を維持した3列のレイアウト
Hamburger Footer: Reaching the Bottom of Infinite Scroll
https://prototypr.io/post/hamburger-footers-in-headers-infinite-scroll-techniques
無限スクロールを使ったページでフッターに到達できない対策のヒント。
以下のような例を紹介しています。
ヘッダーナビゲーションにフッターを入れる
何度かスクロールした後に「Load more」ボタンが現れてフッターにアクセスできる
固定フッター
8 CSS Snippets That Demonstrate the Power of Shadow Effects
https://speckyboy.com/css-snippets-shadow-effects/
CSSシャドウ効果のコーディング例を8つ紹介しています。
