本日は…■午前中はスマホサイトを作成後日追記■午後は… 背景画像をanimationでアニメーションさせる ⇒夕暮れから夜、朝焼けへと変化させたりできるここも後日追記■Psで文字をくりぬいて、上記のアニメーションした背景を透過する… http://ritzstar777.chips.j…

本日は…■企業サイト制作発表続き CSS3での時系列表示について参考に。○フォント制作は終了→実装してみて良ければ採用、悪ければモリサワで対応(楷書より行書の方が良かったかもしれない) ○100選はまだ手付かず→更新作業今日から毎日ポートフォリオサイトのデ…

本日は…■カンプからスライスして画像制作→HTMLとCSSでサイト制作今回は教材としてloftのHP（旧）を使用 これをフォトショップでスライスしていく →このサイトはグリッドデザインなのでとてもスライスしやすい・Photoshopでルーラ表示、画像に合わせてガイド…

本日は… ■月一回のテスト（JavaScript） ■jQueryのアニメーション効果 ・toggleとshow,hide ・ライブラリを使って画像置換とクロスフェード ■Photoshopでボタン制作 jQueryのアニメーション効果 ・toggleは現在のバージョンでは動かない→制式採用されたライ…

jQuery… JavaScriptのライブラリの一つ 2.X以降はIE8までに対応していないので1.11～などを使う（DLしてもいいし外部読み込みをしてもイイ） →外部読み込みをする理由は、閲覧者がDLしなくてすむのでスマホユーザーなどにやさしい →書き方<script src="~~~~.js"></script> ●CDN … Content De…

本日は… ■カフェのページを５ページ構成に ※一つのCSSで以下を行う ポイントは ①背景色を各頁で変えられるか ②各頁へのリンク ③billbordのあるなしでレイアウトが崩れないか ④ナビゲーションの擬似クラス ホーム。 ※※アンダーラインでずれるのを回避するため…

本日は… ■透過PNGの作り方＆positionで配置する方法 ・まず透過PNGでロゴを作る ※ポイントはパス上文字ツール ・保存するときはPNG24がいい。８だと周囲に白い線が残る可能性 ・GIFも同様 →これらの対策としては、マットに背景色を設定する ・現在主流はPNG→…

本日は… ■ナビゲーション用のスプライト画像を作る ■spriteが必要な理由 …何度も画像を読み込ませるとその早さは回線の速度に依存 一枚で済ませればCSS読み込んだ時点で終る @importは使わない ※linkで入れるなら２個までがベスト。大本のcommon.cssと個別に…

本日は… 午前中はCSSでliを横並びにしてナビゲーションを作る 午後はフォトショでいろいろ CSS編 ■liでつくる… ・ナビ以外にもパンくずリストなどを作れる →現在位置を教える ・クライアントは会社の説明を書きたがるが、閲覧者は何を取り扱ってるかの方に興…

本日は… 午前中はCSSで２カラムレイアウトの練習 ■CSSでページを作る… ・ページを作る前に手書きで、どこがどうというのを作る ：#header h1などかきこんでいく ・ヘッダーよりコンテンツをあげようと頑張る必要はない。そこにnavがあることはよくあること …

本日は… □サイトのレイアウトについて ・リキッドレイアウト ・フレキシブルレイアウト ・可変グリッドレイアウト …これらを複合的に使って、レスポンシブレイアウトなどが使われていたが、レスポンシブは潮流ではない →アップルが、スマホに恩恵が薄いとし…

本日は… まずタイピングテス卜で、DTDからスタイルシートのリンク、divをでheader、content、wrapper、その中のmainとsidebar、最後にfooterと作っていくという雛形を作るような、雰囲気。 きっちり十分でしめて合格。その後、宮沢賢治のいちょうの実を使っ…