Webデザイン– category –
-
【flex-box】レイアウトをする方法と主軸方向の配置変更
HTMLとCSSを使ったレイアウトの方法にはいくつか種類があります。以前はfloatをつかった方法が主流でしたが、最近では今回ご紹介するフレックスボックスかグリッドレイ... -
【図で解説】疑似要素の使い方がわかるようになる!
HTMLを学んでいて、私が最初につまづいたのが疑似要素でした。 いろいろ複雑なことが可能になる疑似要素ですが、基本を理解していれば応用にも対処できるようになってい... -
float,position,flexそれぞれのレイアウト方法
WEBサイトを制作するときに、思い通りに要素が配置されなくて悩むことが多くあります。そんな時に利用できるレイアウトの方法を3つご紹介いたします。 これらをうまく組... -
【box-sizing】border-boxを設定してCSSでのレイアウトをわかりやすく
CSSでレイアウトをするときに考えなくてはいけないのが各要素の大きさです。一つの要素、例えば<h1>要素や<p>要素を、または<div>や<header>な... -
ブロック要素とインライン要素のちがい
HTMLとCSSを学び始めたばかりの人へ、要素の種類についてのお話です。<h1>とか<a>とか、要素にはいろいろな種類がありますね。それら要素は、ブロック要素... -
CSSが反映されないときに考えられること6つ!
CSSの編集作業で、変更がうまく反映されないことはよくあることです。 そういう時に考えられるエラーの可能性を挙げてみました。 いずれも単純なことなのですがついつい... -
【VScode】コーディング時に便利なショートカットキーまとめ
-
WEBデザイナーになるためのステップについて
現在webデザイナーを目指して勉強中の私が、それぞれの言語の特徴とおすすめのテキストをご紹介します。WEB制作を学ぶ際には、初めにアウトラインを理解していると勉強... -
gif 動画を簡単に作る便利なソフト LICEcap
パソコンの動作説明などをWEBサイトに掲載する際に、録画した動画を編集しYouTubeにアップしそれを埋め込む方法のほかに、gif動画を作ってブログに貼るという方法もあり...
12