HTML&CSS floatとpositionを使用したレイアウト
赤、緑、青のdivでできたボックスが通常フローしています。
これにfloatを設定して次のように横並びにしたいのですが、うまくいきません。
通常フローのHTMLは次のようになっています。
フロートさせるためにcssは次のよ...
HTML&CSS 
HTML&CSS textariaのリサイズを無効
フォームを作成する時に使用する複数行のテキストボックスはtextariaタグを使用します。
この複数行のボックスはユーザーが大きくしたり小さくしたりできます。
デザイン上拡大縮小を許したくない場合はCSSで次のように指定します。
HTML&CSS imgのフロート〜CSS フロートと回り込み
p要素の中のimgをフロートして右または左に移動させて、次の段落のp要素のテキストを回り込みをさせたい場合です。
imgの親要素にフロートをかける
HTMLのコードは次のようにimgを囲むp要素にclass名を付けて対象のp要素をフロー...
HTML&CSS body要素のマージン〜CSS marginの挙動
body要素のmarginはどのような挙動をするのでしょう。
一見ブラウザの表示領域の外に存在するように思えますが、実際はブラウザの表示領域内に存在します。
下の例ではmargin領域（黄色）が存在してその内側にボーダー（緑色）があり、...
HTML&CSS 単位emの使い方〜CSS
単位のエム（em)の定義は次のようになっています。
'em'という相対単位は、それが使われた要素の'font-size' の算出値を参照する。 例外は'font-size'自身にこの単位を用いた場合で、その時は親要素の'font-...
Illustrator Illustratorの角度入力
いつも使っている人にとっては当たり前でも、時々の場合はどうだったか迷う角度の入力です。
0度は3時の方向です。
整数を入れると反時計まわりです。（CS6)
90度は12時
180度は9時
270度は6時
PhotoShop 境界線を調整の使い方〜photoshop
クイック選択ツールなどを使用して選択範囲を指定するとオプションパネルに「境界線を調整」というメニューが表示されます。
これは優れものなのでしっかりマスターしておきましょう。
素材画像
加工後
きれいに選択をしたつもりでも...
PhotoShop いちごの写真でパターンをつくる〜Photoshop
いちごの写真でパターンを作成
果物などの写真を上手に選択して切り取ります。
その画像をパターンにするとおしゃれなパターンができあがります。
素材の画像
完成
まず、背景レイヤーをダブルクリックしてレイヤーに変更し...
PhotoShop 湯気の作成〜Photoshop
湯気をつけて暖かい食べ物や飲み物を表現してみましょう。
元画像
完成
手順
もとになる画像を開きます。
新規レイヤーを作成します。
メニューから「フィルター」→「スマートフィルター用に変換」でス...
HTML&CSS メモ帳だけでOK〜Markdowonを使ってみよう
2018年5月に新しくより詳細に説明した「マークダウンの勧め」投稿しました。
Markdowonを使ってみたことがあるでしょうか。
そもそもMarkdowonとは何？
WikipediaではMarkdown（マークダウン）は、文書...