WebページやWebアプリを使っている時に，「画面せまいな〜」とか「メニューバーがなければ良いのに」とか「今メニューバーいらんねん！」とか思ったことありませんか？？自分のWebページを作るときは是非今回の「上スクロールすると出現し，下スクロールで消える，メニューバー」を採用してみてください！モバイルファースを意識した，良いサイトになること間違いなしです！それでは，解説していきます！
続きを読む上スクロールすると出現し，下スクロールで消える，メニューバーの作り方【jQuery】
HTML
CSSのグリッドレイアウトを使いこなす3つのステップ！ラインベースのグリッドレイアウトの基礎 –TamoTech–
グリッドレイアウトというものをご存知でしょうか？グリッドとは水平線と垂直線の集合が交差した，編み目上のものを指します．CSSではこのグリッド線を設定し，その線でボックスの配置位置を定義するグリッドレイアウトが可能です．これまで，フレックスボックスで配置してきたコンテンツをより「柔軟に自由に」配置できます．今回は，ラインベースのグリッドレイアウトを実装するための基本的な使い方を解説します．
続きを読む【CSS】【z-index】ヘッダー画像を背景画像として設定し，スクロールによって画像とタイトルを隠すデザインの実装方法（ヘッダーメニュー等は常に表示させる）
今回はWebページのデザインの記事になります．ヘッダー画像がスクロールで隠れていくデザインをみたことがあるでしょうか．たまに使われていたりしますよね．スクロールで一緒に上にあがっていくのではなく，その場に留まり，コンテンツが上に被さるように隠れていくようなデザインです．今回はヘッダー画像上の文字も一緒に固定して，スクロールで隠していきます．
続きを読む12
このサイトを運営している太門です。
技術系のブログを運営しています．
現在はIT系の会社に勤めています！ 不明点などあればお気軽にコメントください！