スマホサイト
本日は…■モバイルファーストのレスポンシブサイトを制作する fontのショートハンド＞サイズ/line-height font-familyスマホ版データ ここを見本に後日制作。＜ポイント＞ ・display tableを使って横並びにしてやる方法がある →ulに対して指定してやる （disp…
本日は…■スマホ対応続き※スライダーの画像が重いので要圧縮。 画像のサイズはまだ検討中（下がはみ出ている。。。） スマホのフル画面表示の比率？？●ドロワーメニュー 参考サイトJSを使わずにアニメーションしながら展開するドロワーメニュー(スライドメニ…
本日は…■レスポンシブサイト制作■WPで企業サイトを作る■ポートフォリオサイト制作上から…レスポンシブサイト化は餃子のサイト。 トップページの画像を作成&配置、今後テキストを入れていく作業 今日はスライダーとバナー作成。明日にはトップは完成予定。WP…
本日は…■基礎講習 対人スキルについては思い当たる節が多すぎて要反省。■自習内容 午後は自習だったので、htaccessのためのPC用ページを作成。 4月に製作した多肉のサイトをリニューアルして、jQueryなどを導入して制作予定。 SPサイトはほぼ完成済み 週末予…
本日は…■wordpressのテンプレートをいじる教科書に沿って記事のphpとcssデザインをしていく <body <?php body_class(); ?>> phpで記事ごとにclass名をつける <article <?php post_class(); ?>> articleも同じ→後に呼び出すときのために名前をつける ※投稿画面で記事を投稿する際の注意 改行をEnterで行うと、段落＝Pで形</article></body>…
本日は…■午前中は先生のありがたいお話 ・web業界的にディレクター不足である ・勉強し続けない人間は業界に入るな…。■ワードプレスのセッティング dwとの関連付けなども。自分で一冊やることもできるはず。 ■リンクまとめたサイトのアドレス 覚書 ritzstar7…
本日は…■午前中はスマホサイトを作成後日追記■午後は… 背景画像をanimationでアニメーションさせる ⇒夕暮れから夜、朝焼けへと変化させたりできるここも後日追記■Psで文字をくりぬいて、上記のアニメーションした背景を透過する… http://ritzstar777.chips.j…
本日は…■昨日の復習 ＜用語解説＞ ベンダープレフィックス…ベンダー（販売元）＋プレフィックス（接頭詞） つまり命令の頭に、メーカーごとにつけてやる言葉（詞）のこと。 -moz- /* Firefox */ -webkit- /* chromeとsafari */ -o- /* Opera* -ms- /* IE */ …
本日は…■レスポンシブ デザイン続き 楽しいおかずのサイトのmサイズについて、可変にしてみる #container { max-width: 96.875%;/*content imgにかけた隙間を100から引いたもの*/ margin: 0 auto; overflow: hidden; } .content { max-width: 33.33%;/*conta…
