[-コーディング-]-ナビゲーション(グローバルメニュー)の作成法

[ コーディング ] ナビゲーション(グローバルナビゲーション)の作成法

  ナビゲーションは、グローバルナビゲーションに限らず、奇をてらわず、ユーザーが迷わず感覚的に使えるように、目につきやすい適切な位置に配置しよう。 ナビゲーションの役割 目的ページに誘導すること。 ナビゲーショ…

ナビゲーション固定し、スクロールしても動かないヘッダーを作成する方法

[ CSS ] ナビゲーション固定し、スクロールしても動かないヘッダーを作成する方法

jQueryを使った方法も記事にされているのですが、今回は、CSSを使って「ナビゲーションを固定し、スクロールしても動かないメニュー」を作成する方法を書きます。 jQueryを使った方法は、リンクをご参考に下さい。

3カラム・レイアウトのコーディング

[ CSS ] 3カラム・レイアウト、コーディング clearfix

  clearfix を用いた3カラム・レイアウトのコーディングの手順 3つのボックスに対して、それぞれ、float プロパティを指定する。 clearfix を使い、回り込みを解除する。

3カラム・レイアウトのコーディング

[ CSS ] オーソドックスな3カラム・レイアウト、コーディング

  3カラム・レイアウトのコーディングの手順 各段の幅を設定。 float を指定して2段組にする。 float したボックス内でさらに float を指定する。

CSSのリセット

[ CSS ] CSSのリセット

  リセットとは? IEやGoogle Chromeなどブラウザには、CSSを設定しなくとも、あらかじめ、デフォルトのスタイルが用意されている。 このデフォルトのスタイルは、ブラウザ間によって異なっている。 C…

CSS の優先順位

[ CSS ] CSS の優先順位と詳細度

  CSS をコーディングしていると、同じプロパティに異なる値が指定されていたりします。 そのような場合、CSS スタイルの優先順位が適用される。 CSSの優先順位は、 CSSの記述方法 セレクタの種類 CSS…

[-CSS-]-フォント関係のプロパティ

[ CSS ] フォント関係のプロパティ

  フォントを指定しなかった場合 閲覧する環境によって、系統の異なるフォントが表示され、デザインに統一感が無くなる。

[-CSS-]-ボックス関係のプロパティ

[ CSS ] ボックス関係のプロパティ

  visibility プロパティ ボックスを透明にするプロパティ。  適用要素  全ての要素 値の継承 ○ 初期値 visible 指定可能な値 visible : ボックスを見える状態にする。 hidde…

[ CSS ] ボーダーの指定

  border-color プロパティ ボーダーの色を指定 プロパティの値 適用される箇所 border-color: A; A:上下左右 border-color: A B; A:上下 B:左右 borde…

w3c とは?

W3C とは?

  W3C とは? Web標準技術を策定する団体。 HTMLやCSSのほか、XML、HTTPプロトコルなどの標準化を行う。    

スライス機能を使った書き出しの2種類のスライスの作成方法

     

Photoshop CCの画像を書き出す2通りの方法

  Photoshop から、画像を切り出す方法には、2つの方法がある。 スライス作業は、ほとんどの場合、複数回にわけて行う。  

スライスする前に考えておくべきこと

  Webデザインからコーディングへ移る工程の前に、モックアップから、サイトに利用する画像を書きだす工程をスライスと呼ぶ。

[HTML,CSSコーディング] 文法チェック

[HTML,CSSコーディング] 文法チェックの方法

  CSSのコーディングを始める前に、文法チェックを行いましょう。 W3C HTML Validator Service 使い方は、とてもシンプル。

アイキャッチ:ボックスモデル

[CSS] ボックスモデル

  ボックスモデル 全てのHTML要素は、CSSで「ボックス」と呼ばれる「四角い領域」として扱われる。 content (コンテンツ領域)に、テキストや画像などの要素の内容が表示される。   ボックス…

CSS セレクタ

主なセレクタの指定方法

  CSSの記述法 例 p {color:red;} セレクタ 具体的に、どの箇所にCSSを適応させるのかを明確に指示させるもの。

CSS記述の基礎、基本

  CSSの基本書式

HTMLタグ記述の基礎、基本

  HTMLとは? HTMLとは、情報構造を定義するためのマークアップ言語である。 マークアップ(印を付ける。)ことによって、コンピューターに、「ここから、ここまでは、○○だよ。」と伝えることにより、サイトの構…

絶対パスと相対パス

絶対パスと相対パス

  パス ファイルを置いている場所。 パスの指定方法には、絶対パスと相対パスがある。

HTML文書の基本構造

  Word などで作成する文書は、GUIを用いて視覚的に文書内の情報を表現する。 インターネットは、様々なOS環境が混在し、プレーンテキストである方が都合がよい。 このプレーンテキストをHTMLで意味づけし、…