テクニック【初心者向け】矢印(>)の位置でボタンの作り方を変えた方がいい話。
矢印の位置に合わせたボタンの作り分けを紹介します。文字との距離やボタン端への配置など、デザインの違いをHTMLとCSSで表現する方法を解説します。
カテゴリー: テクニック
テクニック
テクニック【初心者でもわかる】CSSだけでアイコン画像の色を変える方法
CSSでアイコン画像の色を変える方法を紹介します。アイコンの形をくり抜いた画像を用意し、背景色と組み合わせて色を調整する手順を解説します。
テクニック【初心者でもわかる】「早い・綺麗・正確」なコーディングのためのオリジナルルール
早く正確にコーディングを進めるための作業ルールを紹介します。不明点の確認、レスポンシブ対応の整理、構造の設計から実装までの進め方を解説します。
テクニック【初心者向け】初心者コーダーが陥りやすいHTML・CSSのトラップ4選
HTML・CSSの初心者がつまずきやすい4つのポイントを紹介します。インライン要素の空白やサイズ指定など、よくあるレイアウトの問題と対策を解説します。
テクニック【初心者でもわかる】スマホの画像は、倍のサイズじゃないとボケる。
スマホで画像がぼやける理由と、高解像度の画像を用意する考え方を解説します。画像の実寸とCSS上の表示サイズの関係をサンプルで紹介します。
テクニック【Google HTML CSSスタイルガイド】を初めて読んだので、一言で分かるようにまとめてみた -CSS編-
Google HTML/CSS Style GuideのCSS部分を整理します。命名、記述形式、スタイルの指定方法など、コードを読みやすく保つためのルールを紹介します。
テクニック【Google HTML CSSスタイルガイド】を初めて読んだので、一言で分かるようにまとめてみた -基本・HTML編-
Google HTML/CSS Style Guideの基本・HTML部分を読んだ内容を整理します。コードの書式や構造に関するルールを、短い説明で確認できる記事です。
テクニック【初心者でもわかる】コピーライトは必須じゃない・・・だと？最新の書き方をおさらい
Webサイトのコピーライト表記について、記号・著作権者・年の書き方を紹介します。表記の目的や参考資料を整理した、記事執筆時点の解説です。
テクニック【初心者でもわかる】cssで使ってはいけないclass名、使わない方がいいclass名
CSSのclass名を付ける際の注意点を紹介します。文字や先頭の扱い、既存の名前との衝突などを確認し、読みやすく管理しやすい命名を考えます。
テクニック【初心者向け】画像名の付け方わかるかな？（全5問）
Web制作で使う画像ファイル名の付け方を、5問のクイズで確認します。文字や記号の選び方、連番の付け方など、ファイルを扱いやすくする命名のポイントを紹介します。