スマートフォンだけハンバーガーメニュー表示にする（CSS）
※ここでは、768px未満の表示をスマートフォン表示、768px以上の表示をパソコン表示と呼んでいます。 上図の様にスマートフォンだけハンバーガーメニューを表示し、ナビゲーションの表示をウィンドウ幅768pxを境目に切り…
HTML&CSS
headerを上部に固定表示
スクロールした時、headerを上部に固定表示する方法。 ヘッダーの固定は、 position: fixed; で簡単に出来ます。 この場合、headerが浮いた状態になる為、次のようなことが起こります。 ①…
HTML tableタグで簡単な表組みを作ろう
今回はHTMLのtableタグを使って、表を作る方法をご紹介します。 table要素と子要素 表組を作るには、table要素とtableの子要素を使います。子要素は複数ありますが、必ず使うのは「tr要素」「th要素」「t…
HTMLのheadタグに記述する情報
今回はHTMLの <head>～</head>内に 記述する情報で最低限記述しておきたいものをご紹介します。 headタグとは headタグは、メタ情報やブラウザへの指示などを記述する為のタグです…
normalize.cssのダウンロードと設定
normalize.cssとは normalize.cssとは、ブラウザごとのスタイルの違いを吸収して、デフォルトのデザインを提供するcssファイルです。ニコラス・ギャラガー氏が無償で提供しています。 ブラウザごとにデフ…
Sublime Text3便利なColor Helper
動作が軽く、無料で使え、便利なプラグインも豊富にあるSublime Text3。今回はカラー関係のプラグインをご紹介します。 Color Helper sublimeでカラー関係のプラグインではColor Helper …