WEB制作 - UPTECH DESIGN（アップテックデザイン）

コンテナに入っている要素をはみ出し、画面いっぱいに表示する方法

ウェブサイトのほとんどは、下記の画像のように、コンテナと呼ばれる大枠の中にコンテンツを作成し、margin:0 auto;などで真ん中寄せにしています。しかし、このようにコンテナ内に入れるとデザインによっては不都合が生 […]

HTMLのmetaタグはウェブページに関する重要な情報を提供するための要素です。metaタグは、検索エンジンやブラウザに対してウェブページの内容や目的を伝える役割を果たします。ウェブサイトのメタ情報は、検索エンジンがウ […]

Flexboxの概要と基本原則 Flexboxは、Webデザインにおけるレイアウトの柔軟性を向上させるための強力なツールです。このセクションでは、Flexboxの基本的な概要と原則について解説します。 Flexboxは、 […]

Flexboxの基本概念の紹介 Flexboxは、CSSのレイアウトモデルの1つであり、柔軟なコンテナ内での要素の配置と整列を行うための強力なツールです。従来のCSSのレイアウト手法では、要素を配置するために複雑なプロパ […]

Flexbox概要 Flexboxは、CSSのレイアウトモジュールで、要素の柔軟な配置を実現します。 Flexコンテナ内のアイテムをメイン軸とクロス軸に沿って配置し、スペースの分配やサイズの制御ができます。 justif […]

WEB制作をやっていると、「ジェネレーター」を使うことが多々あると思います。例えば、三角を作りたい時に横幅、高さ、方向、色などを指定することで、一発でCSSのコードを表示してくれるものや、HEX値をRGBに変換してくれ […]

HTML・CSSの知識がある程度ついてきたら模写コーディングをやると覚えた知識をアウトプットできます。実際にコーディングするときは、できるだけ効率を上げたいものです。コーディング以外の無駄なことは、Chromeの拡張 […]

スマートフォンで画面が横スクロールしてしまう問題について、以下の対処法を解説します。問題の状態と原因スマートフォンで画面が横スクロールすると、背景色が見えずに横に動いてしまう状態になります。この問題の原因は、body […]

読み込めなくて困っているんだから早く教えて！という人はこちらから今回はWEB制作学習を始めるほとんどの人がぶつかるであろう「パス」について解説します。今回の記事のポイントは以下の4点。 POINT パスには「絶対パス […]

CSSのプロパティで「before」と「after」というものがあります。これらは疑似要素と言われ、CSS側で疑似的に要素を追加するというものです。必ず使わなくてはいけないわけでないですが、このbeforeやafte […]

CSSの記述は「セレクタ」「プロパティ」「値」の3つで記述されています。この3つを用いて記述することがCSSの基本文法です。 CSSはHTML内に記述することもできますが、推奨されておらず、一般的にはCSSファイルを別 […]

HTMLのコメントアウトは以下の通り。  ショートカットキーは以下の通りコメントアウトのショートカットキー windows 「 Ctrl + / 」 Mac 「 ⌘ […]