テクニックイラストレーターで彩度が変更されていても色（16進数）を取得する「1クリック対処法」
Illustratorで彩度などが調整された色を取得する方法を紹介します。見た目の色を16進数で確認する操作と、カラーピッカーを使う選択肢を解説します。
タグ: 画像
テクニック
テクニックPhotoshopのデザインから画像を書き出したら、なんか1pxズレる問題の対策方法
Photoshopから書き出した画像が1pxズレる場合の原因と対策を紹介します。デザイン内の表示位置を確認し、書き出し前に調整するポイントを解説します。
コーディングWEBサイトで「乗算」を再現。CSSだけでできます。
画像編集で使う「乗算」の合成をCSSで再現する方法を紹介します。Webページ上で色や画像を重ねたときの見え方をサンプルで確認できます。
コーディングドラ〇もんも大好きな「どら焼き」をCSSだけで作ってみた。
画像を使わず、CSSだけでどら焼きを表現したサンプルを紹介します。形や色を組み合わせたソースコードと、制作時の工夫を掲載しています。
コーディング【初心者でもわかる】CSSで任意の位置で写真を丸く切り抜く方法。
CSSで写真の任意の位置を丸く切り抜く方法を紹介します。円形の表示領域と画像の配置を調整し、見せたい部分を選ぶ書き方を解説します。
テクニック【初心者でもわかる】ふちに模様がついてるデザインの時、模様の大きさをキープしたまま可変に対応させる方法
縁に模様があるデザインを、幅が変わっても崩れにくくする方法を紹介します。模様の大きさを保ちながら、可変幅に対応させる背景の作り方を解説します。
コーディング【初心者でもわかる】hover時に、画像の上に半透明の背景と文字を乗せる方法
画像にマウスを重ねると半透明の背景と文字が現れる表現を紹介します。通常時とhover時のスタイルを分ける方法をサンプルコードで解説します。
コーディング【初心者でもわかる】画像の上に半透明の背景と文字を乗せる方法
画像の上に半透明の背景と文字を重ねる方法を紹介します。HTMLとCSSのサンプルを使い、画像を見せながら説明を載せるレイアウトを解説します。
テクニック【初心者でもわかる】スマホの画像は、倍のサイズじゃないとボケる。
スマホで画像がぼやける理由と、高解像度の画像を用意する考え方を解説します。画像の実寸とCSS上の表示サイズの関係をサンプルで紹介します。
コーディング【初心者でもわかる】ファビコン（タブにあるアイコン）の簡単な作り方・設定方法
ブラウザのタブに表示するファビコンの作り方と設定手順を紹介します。画像の準備からアイコンの作成、HTMLへの指定までを順に解説します。