ポートフォリオ
レスポンシブをメディアクエリで対応させるとき、可変ではなく各ブレイクポイントで固定値を指定してしまうのも手。可変でないといけない理由はないわりに作業工程が多い。それなら別のところに力を注ぐべき。
detailsのphp内容詳細に。 urlに"web"入れると強い。 本文の見やすさはクラス全体の課題 2行以上の文章の字切り処理。br使って。 サムネイル作成の画像サイズ変更はスマートオブジェクトで
あしたはテスト。 詳しくは、天下一webで。 ハンドメイド作品が販売・購入できるマーケットプレイス・ユザワヤマーケットはこちら
コンテンツの追加
モーダルウィンドウ実装 サムネイルレイアウトの決定 モバイルサイトを1つ作る。 wpテンプレ bizvektor
jQueryでカレントの位置を取得し、該当するナビゲーションをアクティブにする機能を実装。 会社説明は中止
ポートフォリオ作例見学 習ったこと・作ったものを人に見せるという意識で作る。 ポートフォリオ制作 整理のつづき。 http://d.hatena.ne.jp/webtm2013/archive/201201
このブログを利用して制作物の整理 http://d.hatena.ne.jp/webtm2013/archive/201201
課題:ページ内リンクを使わずにスクロールしたときに、対応するナビゲーションの項目をアクティブにする方法を確認。 解決策 が雑誌に書いてあったのでメモ。 $(function(){ var set = 100; //画面の上端からどのくらいの距離に到達したら切り替わるかの数…
課題:ページ内リンクを使わずにスクロールしたときに、対応するナビゲーションの項目をアクティブにする方法を確認。
作業内容 制作サイトのサムネイル表示エリアの設定 メディアクエリのブレイクポイント設定 デバイスごとのナビゲーションの表示調整 jQueryの縦スクロールの位置を、スマートフォンとタブレット・PCで変えるようにscriptを追加
アイデア収集用。プロのみでなく他校のものもあり。
01.site01(SS未) 時期 時間 内容 矩形ナビゲーション 02.03.
01.Media Queries(SS○) http://webtm2013.zouri.jp/responsive/02MediaQueries/ 時期 時間 内容 端末のブラウザ幅に応じたメディアクエリ 02.pickupstreamfl(SS○) http://webtm2013.zouri.jp/responsive/03pickupstreamfl/ 時期 時間 内容 メディアクエ…
01.人物画(AI)(SS○) 時期 1309 時間 3h 内容 写真をトレース 02.ポラロイド風(PS)(SS未) 時期 130726 時間 1時間 内容 画像のレベル補正と、台紙の隅に影をつけて浮き上がった感じを出して、立体感を表現している。
01.まとめ課題(SS○) http://webtm2013.main.jp/php_maita/Q05.php 時期 1310 時間 5時間 内容 授業で学習したPHPのまとめ課題。主な関数の処理を行っています。 02.お問い合わせフォーム(SS○) http://webtm2013.main.jp/php_maita/Q06(2).php 時期 1311 …
01.クロスフェード(JS)(SS○) http://webtm2013.zouri.jp/js/js34.html 時期 1308 時間 1時間 内容 bsn.Crossfader.jsを使用。array配列に入れたid名をフェードさせて表示させています。 02.ランダムで画像表示(JS)(SS○) http://webtm2013.zouri.jp/j…
01.実践演習課題1(SS未) http://webtm2013.zouri.jp/practice/H01C01.html 時期 1307 時間 1時間 内容 マークアップ、画像は授業用素材を利用。 02.実践演習課題2(SS未) http://webtm2013.zouri.jp/practice/H02C02.html ※CSSファイルがアップロードでき…
01.CSSロールオーバー(SS○) http://webtm2013.zouri.jp/practice/rollover2/index.html 時期 1311 時間 5h 内容 CSS3でjQueryのような見せ方 02.jQuery Beatiful Background Image(SS○) http://webtm2013.zouri.jp/jq/BBInl2br/index.html 時期 1311 時…