「Web制作」の記事（24件） 絞り込みを解除
HTMLをMarkdownに変換して表やリンクが崩れたときの直し方
HTMLからMarkdownへの変換で表が崩れる、リンク先が変わる、本文が欠ける場合の確認順を解説します。元HTML・変換結果・貼り付け先を比べ、セル結合や相対URLをどう直すか判断できます。
仕事で使うファイル名が原因のアップロードエラーを防ぐ安全な付け方
メールや申請フォーム、クラウドでファイルをアップロードできないときに、ファイル名の禁止文字、長さ、拡張子を確認する順番を解説します。相手の環境でも扱いやすい安全な名前へ直す方法が分かります。
メールやチャットで画像を送ると画質が落ちる原因と安全な共有方法
メールやチャットで送った写真や画面キャプチャの画質が落ちる原因を、送信前後のピクセル寸法と容量から確認します。自動圧縮を避け、元の画質を保ったまま相手へ共有する方法を解説します。
仕事で使うPDF・Word・画像のどれで送るべきか用途別の選び方
仕事の書類や資料をPDF、Word、画像のどれで送るべきか、相手の閲覧、印刷、修正という目的から判断します。提出時の形式選び、元データの扱い、送信前に確認したい点を整理しました。
印刷したQRコードをスマホで読み取れない原因と入稿前の確認方法
印刷したQRコードをスマートフォンで読み取れないときに、元画像、余白、セルの大きさ、変形、色をどの順で確認するかを解説します。大量印刷の前に実寸で試し、修正箇所を判断できます。
16対9と9対16の画像サイズがわかるピクセル早見表と計算方法
16対9なら1920×1080、9対16なら1080×1920ピクセルが代表例です。横長・縦長・正方形の早見表と計算式、端数の扱い、画像を引き伸ばさずに指定の比率へ合わせる方法をまとめました。
Core Web Vitalsとは：LCP・CLS・INPの意味と改善方法
GoogleのCore Web Vitals（LCP・CLS・INP）の意味と計測方法を解説します。検索順位への影響・測定ツール・改善の優先順位など、ページ速度・操作性を改善するための基本をまとめました。
SVGアイコンとは：HTMLへの埋め込み方法・PNG・アイコンフォントとの比較
SVGアイコンの特徴とHTMLへの埋め込み方法を解説します。PNG画像・Font Awesomeなどのアイコンフォントとの違い、色・サイズ変更の方法、アクセシビリティ対応もまとめました。
HEX・RGB・CMYKの違いと変換方法：WebデザインとDTP印刷で使うカラーコードを解説
HEX・RGB・CMYKの違いと変換方法を解説します。WebデザインではHEX/RGB、印刷ではCMYKを使う理由、Adobe・Figmaでのカラーコード確認方法と、ブランドカラーを正確に管理する方法をまとめました。
Markdownとは何か：記法一覧・HTMLとの違い・使われる場面を解説
Markdownの基本記法と使い方を解説します。見出し・リスト・リンク・コードブロックなどの書き方一覧と、HTMLとの違い、ブログ・GitHubなどで使われる理由をまとめました。