アヤネ

３年目Webデザイナー。 分かりやすく、すぐに理解してもらえるような記事を書くことを意…

アヤネ

３年目Webデザイナー。 分かりやすく、すぐに理解してもらえるような記事を書くことを意識しています。

【CDN】フォールバックとは？

お久しぶりです！前回の記事からかなり時間が経ってしまいましたが、本日からまたWEBコーディングについての記事を投稿していこうと思います！ 今回のテーマは「フォールバックの方法」です。CDN使用時に設定するものです。 ①フォールバックとは？フォールバックとは、使用しているシステムや機能に問題が発生して、利用出来なくなる時に代わりのシステム、機能を使用して通常通りの状態を維持させることです。 つまり、CDNを利用している時に問題が発生し、利用できなくなった時に、違うファイル

アヤネ

    • Webフォントについて

      こんにちは！今回は「Webフォントについて」です。フォントをどの端末でも表示できる優れものです。 ①Webフォントとは？Webフォントはインターネット上で管理されているフォントのことです。 『Webサイトのフォント設定について』の記事にて。フォントを指定してもユーザーの端末にフォントが入ってない場合、表示できないと説明しました。ですがWebフォントはユーザーの端末に関係なく設定したフォントを表示できます。 ②Webサービスを利用するWebフォントを提供しているサービスが

      アヤネ

      • font-familyの設定について

        こんにちは！今回のテーマは「font-familyの設定について」です。サイトのデザインに合わせてフォントを指定できます。 ①基本的な設定CSSで設定したい場所に「font-family」を使用します。表示させたいフォント名を入れたらフォントが変わります。 フォント名にスペースや、日本語表記の場合はクォーテーションで囲みます（※ダブル、シングルどちらでも構いません）。囲んでいないとフォント名として認識されず、表示されないので注意してください。 body { font-f

        アヤネ

        • CSSで使用する単位について

          こんにちは！今回のテーマは「CSSで使用する単位について」です。Webサイトのコーディングをするうえでは単位の意味や使いわけが重要になってきます。 ①絶対単位と相対単位まずは絶対単位と相対単位について覚える必要があります。 絶対単位 数値が正確に決められている単位です。ブラウザの表示領域や親要素のサイズに関係なく常に同じサイズのまま長さやサイズを設定できます。 相対単位 ブラウザの表示領域や親要素のサイズと比べながら数値が可変する単位です。何かと比較してサイズが変化

          アヤネ

        【CDN】フォールバックとは？

        アヤネ

          サイトの情報を的確に伝えるmetaタグ設定

          こんにちは！今回のテーマは「サイトの情報を的確に伝えるmetaタグ設定」についてです。metaタグはサイトを公開するとき、重要になるので記事にしました。 ①metaタグとは？metaタグはユーザーには見えないタグです。設定する理由はブラウザにどんなサイトなのか伝えるためで重要な役割を持っています。ですが、サイトを見てくれるユーザーのためにも設定します。 metaタグがきちんと設定されていないと検索結果にうまく引っかからなかったり、コンテンツを探しているユーザーにサイトの魅

          アヤネ

          サイトの情報を的確に伝えるmetaタグ設定

          アヤネ

          HTMLのdivタグとsectionタグについて

          こんにちは！今回もHTMLのタグについて記事にしたいと思います。今回のテーマは「divタグ」と「sectionタグ」のについてです。私もWebデザイナーになってから理解したので、記事にしたいと思います。 ① divタグとsectionタグの違い早速、1つずつ説明したいと思います。 divタグは内容をひとまとめにするタグ divタグは単体では意味を持たないです。ですが、内容をひとまとめにしたり、CSSでサイトのレイアウトとデザインを整えるときや、まとめたい内容に適切なタグ

          アヤネ

          HTMLのdivタグとsectionタグについて

          アヤネ

          HTMLで使うブロックレベル要素・インライン要素について

          こんにちは！今回のテーマは「HTMLで使うブロックレベル要素・インライン要素」についてです。私も今年の6月に入ってはじめて知りました…難しいテーマですがコーディングをしていくには絶対覚えておかないといけないので、記事にしようと思いました。 ①ブロックレベル要素・インライン要素ってなに？いきなりですが、この2つは過去に使っていたものです。（HTML4）今のHTMLではバージョンアップし、HTML5になってからブロックレベル要素・インライン要素という扱い方をしません。ですがブロ

          アヤネ

          HTMLで使うブロックレベル要素・インライン要素について

          アヤネ

          HTMLで使う見出し用のhタグとは？

          初めまして！Webデザイナーになったばかりのアヤネです！ 今回はhタグについて記事にしました。この記事を見てくれた人に「hタグについて知れた！」と言ってくれるように説明できたらと思います。 ① hタグとは？まずHTMLで使用するhタグは「見出しを設定するためのタグ」です。サイトだけでなく雑誌やポスターでも見出しはよく使用されています。 そんなhタグですが、6種類あります。（※h7以降はないので注意！）全部見出し用のタグです。hに書いてある数字は、 <h1>Webページ

          アヤネ

          HTMLで使う見出し用のhタグとは？

          アヤネ