HTML・CSSsectionの使い分けルール – 汎用セクション要素：HTML5リファレンス
HTMLのsection要素は、大抵の場合見出しを伴う文章内の章や節などで使います。 HTML5以前は具体的な要素が無かった為、セクションを表現するのにdivタグを使っていました。sectionがふさわしくない場合はdi…
HTML・CSSデザイン/コーディング - 記事一覧
HTML・CSSHTML・CSSstrong / emタグの使い分けルール：HTML5リファレンス
strongタグは内容の重要性、重大性、または緊急性が高いテキストを表します。WordPressなどのエディタツールでは「B」という表記になっていますが、実際はこのstrongタグが使われます。 ブラウザでは太字で表示さ…
HTML・CSSaタグの使い方とルール – アンカー要素：HTML5リファレンス
aタグとはanchor(アンカー：錨)の略で、ハイパーリンクを意味します。一般的には略して「リンク」と呼んでいる物の事です。 このハイパーリンクにより、同じサイト内の別ページへのリンクや、別のウェブサイトへ移動する事が出…
HTML・CSShタグとは？使い方とルール – 見出しタグ：HTML5リファレンス
hタグとはHeadingの略で、見出しを意味します。見出しはその重要度に応じて、h1～h6までの6段階でレベル分けされています。 HTMLは文書構造と言って本に例えられます。本にはタイトルだけでなく、内容に応じた見出しが…
スキルアップAdobe XDを習得しよう 使い方は公式チュートリアルだけでOK
Webサイト制作の現場ではもはや必須となったAdobe XDですが、まだ使った事が無くてこれから勉強しようと考えている方も多いはず。 勉強するならAdobeの公式チュートリアルサイト「Adobe XD Trail」が初心…
制作お役立ち本当に使える物だけ！おすすめ配色パターン参考サイト・ツールまとめ
実は配色には幾つもの配色ルールがあり、感覚で決めている訳ではありません。 配色次第でサービス全体の印象が変わってしまう程の影響力がある為、デザイン時には配色ルールに基づいた配色パターンやカラーパレットを用意します。 そこ…
HTML・CSS【基礎】CSSが効かない？詳細度が原因かも 適用ルール解説
CSSを勉強し始めた人が良く悩むのが、CSSが効かない理由を特定出来ない事です。CSSが効かない時の理由は幾つかありますが、大きな理由の１つに「詳細度」があります。 ただ単純にclassやid、セレクターなどを正しく使っ…
HTML・CSS【超基礎】HTML・CSSとは？ウェブすべてに関係する基本技術
この記事ではWebサイトやブログなど多くのウェブに関わりのある「HTML」「CSS」について超基礎的な説明をしています。ウェブの世界においてはまさに「基本のキ」です。 ◎名前はよく聞くけど、実際の所HTMLやCSSって何…
HTML・CSS【初心者OK】CSS疑似要素の種類と書き方 超簡単に解説
これからCSSを勉強してみたいと考えている方向けに、超簡単に噛み砕いて解説しています。どんな感じなのかなぁ～、くらいの興味でオッケー。 今回は「CSSの疑似要素について」書いています。今回の疑似要素を理解し、使いこなせる…
HTML・CSS【初心者OK】CSS疑似クラスの種類と書き方 超簡単に解説
これからCSSを勉強してみたいと考えている方向けに、超簡単に噛み砕いて解説しています。どんな感じなのかなぁ～、くらいの興味でオッケーです。 今回はCSSの疑似クラスについて書いています。基本セレクターに加え、疑似クラスを…
HTML・CSS【初心者OK】CSS基本セレククターの種類と書き方 超簡単に解説
これからCSSを勉強してみたいと考えている方向けに、超簡単に噛み砕いて解説しています。どんな感じなのかなぁ～、くらいの興味でオッケーです。 今回はCSSの基本的なセレクターについて書いています。セレクターを上手く使えると…
HTML・CSS【2021年】CSSで指定出来る便利な単位 特長を解説
CSSでサイズ指定する際に使う単位には色々な種類があり、目的に合わせて使い分ける事が出来るとコーディングが楽になります。逆に何となくで使ってしまうと、思わぬ所でサイズがおかしくなったり、最悪レイアウトが崩れる事も。 沢山…
制作お役立ちウェブで使う画像ファイル形式と特徴、使い分け方のまとめ
画像を保存する時、どのファイル形式を選べば良いか迷った経験はありませんか？きちんと使い分けする事でウェブに最適化出来ます。ファイル形式または保存形式とは「.jpg」や「.png」、「.gif」などの事で、それぞれに特徴、…
HTML・CSS2021年版 おすすめリセットCSSとは？使い方や特徴を紹介
この記事は「リセットCSSとは何か知りたい」「リセットCSSはどれを選べば良いの？」「いや、そもそもいらないのでは？」という方に向けて書いています。 リセットCSSは、各ブラウザがデフォルトで持っているCSSのスタイルを…
ウェブデザイナーが知識と経験をもとに、制作やSEO対策について解説・発信するブログ。
デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。
noteおすすめの人気記事
最近の投稿
HTML5リファレンス追加中
\ 汎用性と選べる料金プラン！ /
\ ドメイン2つ貰える！ /
\ 高性能で国内シェア No.1 /
\ 初心者でも安心だよ /
