できなかったを可能にする
Webメディア

CSSでは分岐という概念がなく、pictureタグも使用できないため、jsプラグイン「Modernizr」を使っての分岐方法についてをご紹介！

もっとも身近なものの改善でSEO効果を得れる可能性のあるWebPについて解説。WebPはGoogleが開発した画像フォーマットで、最大の特徴は「綺麗な画質のに軽い」ということです。Webサイトなどで一般的に使用されるPNGと比較したところファイルサイズが26％も軽くなり、JPEG画像では25〜34％も軽くなると言われております。

aタグ（アンカーリンクタグ）はHTMLで作られたウェブサイトでは必ず使われているタグであり、ページ内のリンクから「他のページへ移動する」「アプリを起動する」など、さまざまなことができるようになります。書き方次第でSEO効果を得ることもできるので正しい書き方について学んでいきましょう。

Web制作に携わっている人でも「formタグやinputタグの使い方がイマイチわからない。」という方、意外と多いと思います。フォームを機能させるためには、PHPなどといったサーバー（データベース）を操作することのできる言語が必要になりますが、こちらの記事では表側の部分HTMLを使ってフォームを完成させるまでを解説いたします。

sectionタグはHTML5で登場した新しいタグであり、言葉の通り「節」や「章」という意味を持ちます。また、sectionタグを使用する場合、必ずh1～h6といった見出しタグを挿入するのがルールとなっています。ポイントをふまえ正しい使い方を学びましょう！

brタグを正しい使い方、ちゃんと理解していますか？brタグの分岐方法からpタグとの使い分けについてを徹底的に解説！スマホで閲覧するユーザーのためにUIの改善、見直しを行いましょう！

CSSで色付けする方法について解説します。HTMLカラーとは何なのか、テキスト色、背景色、ボックス色、背景の一部に色を付ける方法、枠線、下線などなど徹底解説していきます。

GoogleがWordPressプラグイン Site Kitを正式リリース。SEO対策に欠かせないGoogleアナリティクス、サーチコンソールだけではなくPage Speed InsightまでもがWordPressのダッシュボードで確認することができるようになったので、テストとして利用してみました。

CSSの余白調整方法の一つであるpaddingとmarginについて、ボックスモデルの考え方から、paddingとmarginの使い方、コーディング時のテクニックまで徹底解説します。paddingとmarginは似ている点も多いのでセットで覚えましょう。

CSS（Cascading Style Sheets）とはWebサイトをデザインするためのマークアップ言語です。 皆さんが普段閲覧されるWebサイトは、基本HTML・CSS・JavaScriptなどの言語を組み合わせて構築されています。

ここではものの数分でWordPressをPWAに対応させる方法をご紹介！アクセス解析の設定方法まで画像付きで分かりやすく解説しています。

どんなサイトにも使われている「header」「nav」「section」「article」「main」「aside」「footer」の7つのタグを解説します。デザインカンプからHTMLのアウトラインをマークアップするまでをご紹介！

JavaScriptの変数は、学習を進めるうえでも非常に重要な仕組みです。本記事では、変数の定義方法（let）やデータの代入方法について解説します。

ウェブデザイナーを目指す方に必須のツール！HTML5・CSS3の用語集を勉強できるツールを公開！HTML・CSSタグがどんな意味を持っているのか勉強できるツールです。

HTML5のアウトラインについて知りたい方向け。アウトラインの概念、アウトラインの解析の仕方、明示的アウトライン（セクショニングコンテンツ・セクショニングルート）、暗黙的アウトライン、アウトラインの決まり方を一から知りたい方は必見です！

HTML5で頻出の要素を解説します。ページ概要（meta description）、見出し（h）、段落（p）、改行（br）、引用（q, blockquote）、埋め込み画像要素（img）、絶対パス・相対パス、アンカーリンク（a)の色々な貼り方を知りたい方は必見です。