WebサイトにGoogleMapを埋め込む方法
Webサイト(グーテンベルク)でGoogleMapを埋め込む方法をご紹介します。 ①Ｇoogleマップを開き、Webサイトに掲載したい場所を検索します。 画面左上の検索ボックスに表示したいスポット名や住所を入力します。 …
WEB
スマートフォンだけハンバーガーメニュー表示にする（CSS）
上図の様にスマートフォンだけハンバーガーメニューを表示し、ナビゲーションの表示をウィンドウ幅768pxを境目に切り替わるようにします。 See the Pen JjKKOYv by yy (@yoshi58) on Co…
Photopeaで画像を楕円形に切りぬく
Photoshopに似た機能をブラウザ上で利用できる無料画像編集ツールPhotopeaで、画像を楕円形に切り抜く方法です。 画像を楕円形に切り抜く方法 画像を開く Photopeaを開き、画像を「ドラッグ・アンド・ドロッ…
headerを上部に固定表示
スクロールした時、headerを上部に固定表示する方法。 この場合、headerが浮いた状態になる為、次のようなことが起こります。 ① 次の要素の上部分がheaderの下にかくれてしまう。 headerの高さ分だけbo…
HTML tableタグで簡単な表組みを作ろう
今回はHTMLのtableタグを使って、表を作る方法をご紹介します。 table要素と子要素 表組を作るには、table要素とtableの子要素を使います。子要素は複数ありますが、必ず使うのは「tr要素」「th要素」「t…
HTMLのheadタグに記述する情報
今回はHTMLの <head>～</head>内に 記述する情報で最低限記述しておきたいものをご紹介します。 headタグとは HTMLは大きく分けると<head>と<body&…