WebMedia | Web制作・システム開発など多くの実績を持つITRAならではの様々な情報を発信していきます。
デザイン・コーディング
Webサイト制作に関わる方や企業のWeb担当者向けに、Webサイトのデザインやコーディングの基礎的な知識から応用のテクニックまでご紹介いたします。
-
strongタグとは?正しい使い方やbタグとの違い・SEOへの影響を解説!
strongタグをご存知でしょうか?strongタグは囲んだ箇所を強調できるタグとして、Webサイトの作成をしたり実際にコードを書いている人には馴染みがあるかもしれません。しかしこのstrongタグに...
-
【display】インラインブロック要素の性質と使い方
前回の記事では、ブロックレベル要素とインライン要素の性質と違いについて解説しました。2つの要素の性質を学んだ上で、「ブロックレベル要素を横に並べるにはどうしたらいいか」「インライン要素の横幅と高さを指...
-
【基礎知識】ブロックレベル要素・インライン要素の性質と違い
CSSで装飾をする際に、指定した要素を思い通りに変更できない経験をしたことはありませんか?その原因の1つとして、ブロックレベル要素とインライン要素の性質が作用しているからかもしれません。この記事では、...
-
【GIFとは?】読み方や人気の理由・GIF画像の作り方をご紹介!
近年SNSなどで、下の方に「GIF」という文字が記載されている短い動画のようなコンテンツを目にすることが増えてきました。これは「GIF画像」と呼ばれる、簡易的なアニメーションを表示することができる画像...
-
簡単に動画をWebサイトに掲載できる!videoタグの使い方と設定方法
HTML5から登場したvideoタグ。videoタグの登場によってWebサイトに動画コンテンツを簡単に載せることができるようになりました。しかし、videoタグは、自動再生やインライン再生など、様々な...
-
IEの互換モードでレイアウトが崩れる!?原因と解除方法
Web制作会社である弊社ITRAでは「新しいバージョンの Internet Explolor(IE)でテストサイトを見ているのに、Webレイアウトが崩れている。対処してもらえませんか?」というお問い合...
-
Webサイト制作におけるインクルード化とは?基本と設定方法
新規Webサイト制作などの大がかりなプロジェクトでは、コーディングフェーズでの効率化が欠かせません。例えば、ヘッダーやフッター、グローバルナビゲーションの部分。これらの部分は1つのサイト内において、ほ...
-
CSSで三角形の装飾をつける方法
Webサイトを構築する上で「三角形」を表現する際に、画像で三角形を挿入している人は多いのではないでしょうか。実は、三角形はCSSのみで表現することができます。三角形はborderプロパティを活用して作...
-
ファビコンとは?Webサイトのシンボルマークを表示する方法
Webサイトにファビコンを設定していますか?ファビコンは簡単に設定できる上、Webサイトのカラーをアピールするために有効なので、まだWebサイトにファビコンを表示させていない場合は、ファビコンの設定を...
-
ベンダープレフィックスは何のためにつけるの?使い方を紹介
Webサイトの検証モードを見ると一度は目にする「-ms-」や「-webkit-」ですが、何のために記述されているのかを理解している人は、少ないのではないでしょうか。-ms-や-webkit-は、ベンダ...