携帯電話用サイトを作る前の準備 BOSSよりECショップならどういうシチュエーションで検索したりするかを考えて、携帯電話からのアクセスする人が多い場合なら携帯電話向けサイトをしっかり作り込む方がいいというコメントをいただきました。（検索エンジン対…

最新版の実装を確認した 昨日、CSS3で角丸を作りましたが、Mozilla Developer NetworkのCSSリファレンスで読んで気になったFireFox4と3.6.16の実装の違い（Geckoのバージョンによる実装の違い）を確認しました。昨日試したもの。 border-radius: 20px; -moz-…

ブラウザのレンダリングエンジン アクセスログでHTTPユーザーエージェントを見ている人はなんとなく見覚えがあると思うのですが、HTMLレンダリングエンジンについての説明も読んでおくとわかりやすいかもしれません。 FireFoxなどhttp://ja.wikipedia.org/wi…

表組み（内容） spacer.gifで調整とCSSで調整の２つの方法。 カンプ IllustratorでPhotoshop形式に書きだす Illustratorで地図作り 線路の書き方を復習すること。

今日の演習２つで使ったJavaScript bsn.crossfader.jshttp://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html smart-crossfade.jshttp://webizm.jp/menu_imgreplace/smart-crossfade.js crossfader.jsの作例はこちら（広告を下げ…

昨日と同様、HTMLにembedのCSSを外部リンクのCSSファイルにしてから練習。 xml名前空間で日本語指定するときは xml:lang="ja" lang="ja" 外部リンクのCSSではCSS内でcharsetを忘れないこと 今日のポイントは以上。

後で気づいたこと 各項目でh1やpをつけなかったこと。CSS以前の問題、完全に終わってます反省。 自分で作った作例 1カ所でどうしてもできなくて苦戦したこと、navボタンがうまくできていません。HTMLソースは以下の通り。

リンクに関する擬似クラスは記述する順番に注意 記述する順番は以下の通りにする。 a:link; a:visited; a:hover; a:active;「a:link」は未訪問のリンクのみに適用されることに注意。リンク全般は「a」で指定すること。

background-image: url(背景画像へのパス); baclground-repeat: 値 横に繰り返しrepeat-x 縦に繰り返しrepeat-y repeatだけだと縦横両方 例とソースは以下の通り。

position: absolute;親要素にrelativeがなければブラウザの左上が基準になる。display: inline;インライン要素のように横並びにする。HTMLファイルの記述は以下の通り

今までやったことのおさらいとして、１カラムレイアウトのテストを行った。問題なくできたところ（できて当然の部分だけど） html部分は特に間違えなかった img srcでalt,width,heightを忘れない CSSのfont-familyは日本語名以外はすべて書けたこと 失敗や問…

Illustratorの練習 ペンツールの練習 「ハートと迷路」でペンツールの練習 頂点になっている（尖っている）部分で[Alt]+クリック 迷路で曲線に力を加えるのは丸みのてっぺん・反対の丸みの中間 迷路の曲線で力を加えるのは初心者の場合は細かくやるといい ス…