コーディング【初心者でもわかる】webサイトのショートカットアイコン（スマホ用アイコン）の設定方法（iPhone側のショートカットの作り方も！）
スマホのホーム画面に使うWebサイトのアイコンを設定する方法を紹介します。画像とHTMLの準備に加え、iPhoneのSafariから追加する操作も解説します。
タグ: 初心者
コーディング
コーディング【初心者でもわかる】CSSで任意の位置で写真を丸く切り抜く方法。
CSSで写真の任意の位置を丸く切り抜く方法を紹介します。円形の表示領域と画像の配置を調整し、見せたい部分を選ぶ書き方を解説します。
コーディング【初心者でもわかる】flexboxで縮めたくない要素には「flex-shrink」を使え
flexboxで要素が意図せず縮むときに使うflex-shrinkを解説します。サイズを保ちたい要素への指定を、サンプルコードで紹介します。
コーディング【コーディング初心者向け】HTMLとCSSで、LINE風のチャットルームを作る
HTMLとCSSでLINE風のチャット画面を作る方法を紹介します。背景や吹き出しの共通スタイル、自分と相手のメッセージの配置を順に解説します。
コーディング【初心者でもわかる】たったの5行でできる、一番簡単な「押したら開閉するメニュー」の作り方
クリックすると開閉するメニューを短いコードで作る方法を紹介します。HTMLの構造と開閉処理を確認し、基本的な動作の仕組みを解説します。
コーディング【初心者でもわかる】横スクロールしたら背景が切れてしまう時の対策方法
横スクロールしたときに背景が途中で切れてしまう問題の対策を紹介します。ページの幅と背景を指定する要素の関係を、サンプルで解説します。
テクニックIEではむやみにheight指定をしたら詰むお話
Internet Explorerでheight指定が原因となる表示の問題を紹介します。過去のブラウザ対応事例として、要素の高さを指定するときの注意点を解説します。
コーディング【初心者でもわかる】CSSで画像無しで斜線背景を作る方法（2色・3色対応）
画像を使わず、CSSで斜線の背景を作る方法を紹介します。2色・3色のパターンをサンプルコードで確認し、色や模様を調整する方法を解説します。
考察【初心者向け】HTMLとCSSの書く順番はどうすればいい？
HTMLとCSSをどの順番で書くか、制作の進め方を考えます。共通CSSの準備や難しい構造への対応など、作業の組み立て方を紹介します。
テクニック【初心者向け】HTML・CSSのセルフチェック方法のポイント
HTML・CSSを実装した後のセルフチェック項目を紹介します。基本的な表示確認からレスポンシブ対応、細部の見直しまで、確認するポイントを整理します。