テクニック【初心者でもわかる】タップしたら電話がかけられるようにする方法（レスポンシブ対応）
電話番号をタップして発信できるリンクの作り方を紹介します。スマホだけで有効にするレスポンシブ対応と、国際電話の指定例も解説します。
タグ: レスポンシブ
テクニック
コーディング【初心者でもわかる】flexboxで縮めたくない要素には「flex-shrink」を使え
flexboxで要素が意図せず縮むときに使うflex-shrinkを解説します。サイズを保ちたい要素への指定を、サンプルコードで紹介します。
コーディング【初心者でもわかる】PCとスマホで表示非表示を切り換える共通CSSを作ると効率UP！
PCとスマホで要素の表示・非表示を切り替える共通CSSを紹介します。メディアクエリと専用クラスを使った記述方法や運用上の注意点を解説します。
コーディングtableを使わずにulで縦並びの表組みを作る。ついでにレスポンシブにも対応させる
ulを使って縦並びの表のようなレイアウトを作る方法を紹介します。HTMLとCSSの記述例を使い、画面幅に合わせて配置を調整する方法を解説します。
コーディング【初心者でもわかる】レスポンシブサイト作成時のCSSをPC用とスマホ用に分ける方法（@media screen）
メディアクエリでPC用とスマホ用のCSSを分ける方法を解説します。PCファーストとモバイルファーストの違いを整理し、レスポンシブな記述方法を紹介します。
テクニック【初心者でもわかる】スマホの画像は、倍のサイズじゃないとボケる。
スマホで画像がぼやける理由と、高解像度の画像を用意する考え方を解説します。画像の実寸とCSS上の表示サイズの関係をサンプルで紹介します。
コーディング【初心者でもわかる】パソコンとスマホで改行の位置を調整する方法
レスポンシブサイトでPCとスマホの改行位置を調整する方法を解説します。端末ごとに改行を出し分けるサンプルと、読みやすさを保つための注意点を紹介します。