- 2022年4月12日
- 2024年5月31日
グローバルメニューとは？作り方とデザイン例
グローバルメニューとは？ グローバルメニューは、ヘッダーメニューやメインメニューなどとも呼ばれ、画面上部のメニューのことです。 画面サイズが768px以上の時はホバーで、767px以下の時はクリックで、メニューが開く様にします。デモ画面はこちら！ デ […]
新着記事
- 2022年4月10日
- 2024年11月28日
【jQuery】ハンバーガーメニューの作り方
jQueryを使ってみよう！ 今現在（2024/02）、賛否両論ありますが、ハンバーガーメニューを作っていきます。 javascriptで書けたら1番いいんですけど……只今勉強中で、jQueryを使っていきます。 使うのはいいけど……どうすんの？ 早 […]
- 2022年3月14日
- 2024年3月25日
Google Chrome デベロッパーツール、検証ツールの使い方
先日cssファイルに、body {margin: 0;}を書き込みました。 これを書き込まず、リセットcssも記載していなければ、Google Chromeブラウザの上下左右に白い隙間ができていると思います。 これを消していきます。 デベロッパーツー […]
- 2022年3月12日
- 2024年5月31日
メディアクエリのブレイクポイントを使って、レスポンシブにする書き方
メディアクエリとは CSSの仕様の1つで、表示された画面の大きさによって、見栄えを切り替えられる機能のこと。 それによって、レスポンシブサイトを作ることが出来ます。 レスポンシブサイトとは PCだけじゃなく、スマホでもタブレットでも綺麗に表示されるデ […]
- 2022年3月10日
- 2024年5月21日
HTMLのheadタグの書き方
HTMLのheadタグの書き方 index.htmlに書く 文字コードで、これが推奨です。 表示領域viewportとレスポンシブデザインに関するものです。 ブラウザのタブに書いてあるタイトルです。 サイトに関する説明です。 先日作ってもらったcss […]
- 2022年2月26日
- 2024年12月24日
Visual Studio Codeでの環境構築と日本語表示切り替え方法
プログラミングを学ぶにあたって 何から始めるべき？プログラミング自体初めてなんだけど…… プログラミングを独学で学ぶ初心者の為の環境構築について、説明します！ テキストエディタとは？ テキスト（文章）を編集する為のアプリケーションです。 たくさん種類 […]