2023年7月– date –
-
Webデザイン
【比較で理解】デザイン4原則を取り入れたバナーデザイン4選
デザイン4原則をカンタンに言うと 近接:同じグループを近くにまとめる 整列:配置・余白を揃えて見やすく 反復:繰り返し使って一貫性をキープ 対比:サイズの大小・色違いで強弱 うーん、デザイン4原則かぁ。お固そうだし、ちゃんと覚えられるかな… 実... -
CSS
position:stickyでヘッダー等の要素を指定範囲で追従させる方法
position: stickyは要素を特定の位置に固定するためのCSSプロパティです。 通常、要素はドキュメントのフローに従って配置されますが、position: stickyを適用することで、スクロールする際に要素が指定した位置に留まるようになります。 See the Pen Unti... -
CSS
【CSS】img画像の表示位置をobject-positionで調整
PC画面とは違いスマホで見ると、画像の両側が切り取られて、見せたい部分が隠れてしまう… imgタグの画像やvideoタグの動画を高さ指定すると、中央起点になるのがやっかいですよね… 今回、そんなお悩みを解決するのが「object-position」というCSSプロパテ...
1