Webデザイン– category –

デザイン4原則かぁ。お固そうだし、ちゃんと覚えられるかな… 私たちが普段見ている広告やチラシ、YouTubeのサムネイルにもバッチリ使われているよ！、と言われれば何となく理解できそうですよね。 この記事では、「これからデザインを学んでいきたい！」「...

position: stickyは要素を特定の位置に固定するためのCSSプロパティです。 通常、要素はドキュメントのフローに従って配置されますが、position: stickyを適用することで、スクロールする際に要素が指定した位置に留まるようになります。 See the Pen Unti...

PC画面とは違いスマホで見ると、画像の両側が切り取られて、見せたい部分が隠れてしまう… imgタグの画像やvideoタグの動画を高さ指定すると、中央起点になるのがやっかいですよね… 今回、そんなお悩みを解決するのが「object-position」というCSSプロパテ...

ChatGPTでも生成 【１：メニューリスト】 トップページのFV（ファーストビュー：主にメインビジュアル）直下に、見てもらいたいページリンクの一覧メニューを設置しておく場合に便利なレイアウトです。 ボタンは最大4つ横並びにし、画面幅1199pxで2つ並び...