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