zenet_logo

-株式会社ゼネット技術ブログ-

CSS

初心者でも簡単に横並び!flexboxでHTMLブロック要素の配置

はじめに 解決方法 中央寄せ 左寄せ 右寄せ 活用編 おわりに 参考記事 はじめに 皆様、はじめまして。株式会社ゼネットの方です。 新人研修の中で、HTMLレイアウトの横並びに苦戦しましたが、その解決方法について簡単にご紹介いたします。 この記事が皆様の…

追従型メニューの作り方

システム事業部の五十島です。 今回は追従型メニューについて説明していきたいと思います。 追従型メニューとは、スマホサイトでよく見る『スクロールしても画面上に表示されているメニューや広告など』になります。 ちょっと難しそうと思うかもしれませんが…

CSS Grid Layoutのすすめ(パート2)

こんにちは。システム事業部の五十島です。 前回の記事に引き続き CSS Grid Layoutのご紹介です。 前回はただ単に並べただけで、float: leftl; float: right とあまり大差がないように感じたと思いますが、 今回は任意の位置に表示する手法を説明していきま…

CSS Grid Layoutのすすめ(パート1)

2回目投稿のシステム事業部の五十島です。 開発などではまだまだ取り入れられないですが、個人的に Grid Layoutが熱いので幾つかのパートに分けてご紹介です。 CSS Grid Layoutとは 簡潔に言いますと、「グリッドという概念を取り入れてレイアウトがしやすく…