課題まとめ
ポートフォリはコチラ(作品が少ないだけです)
HTML5・CSS3
1カラムレイアウトその1
2カラムレイアウトその1
日本の四季(複数ページ)
グリットレイアウト1(サイトトレース)
CSS3使った2カラム(モバイルフレンドリー)
ヒーローヘッダー
animationで背景の色が変わっていく
輸入家具サイト(2つのメニューやバナー)0418
パイオニアモール(レスポンシブ等)0419
.htaccessによる、PCとSPのURLリダイレクト。
HTML5・CSS3
FELICA kitchen(GW課題)
Cafe de Felica(5月テスト前)
5月テスト!
5月テスト!レスポンシブ
可変グリットレイアウトでレスポンシブ(サイズ固定)
枝豆隊長(レスポンシブ)
flex(既存サイトのトレース)vogue
スマホの時横スクロールさせる
文字の大きさ指定remの使い方
img画像をスマホの時とPCで違う画像にする方法(レスポンシブイメージの設定)
SASSを使ってレスポンシブサイトを作る
LPサイト(pluginホバーアニメーション導入)
display:gridを使ったグリッドレイアウト(画像はキリン)
javaScript・Jquery
DOM(書き換え)を使ったおみくじ!js
for文(ループ)でレベルアップ!js
画像置換とa要素の動き消し
タブパネル(traversとhrefでID選択)
日本語と英語シンプル切り替え(div切り替え)
クリックしてスライド表示・画像切替
split layout(画面分割)top戻るicon
アコーディオンパネル
タブパネル2(復習とflexで制作)
6月テスト
apiを使ってみる(メニュー・topに戻る)
モバイルファースト(トレース・hoverアニメ)Blooming ville
ajaxを使った非同期(list.txtを読み込む。PHPverも参考)
Clickイベントとtouchイベントの違い
無限スクロール
plugin
plugin「Lightbox」(モーダルウィンドウ)
plugin「bxslider」(スライダー)
plugin「Hamburgers」スニペットを使ったハンバーガーメニュー
plugin「parlx」(パララックス)・縦書き・題名クリッピング・フォントファミリーについて(鯖にfontを)
plugin「object-fit-videos」(objec-fitで動画)plugin「jquery-cookie」(一回訪問した人にサイド表示しない)・埋め込む動画をレスポンシブにする・svgアニメーション
plugin「Animate On Scroll Library」(動いて表示)・下に促すボタン(スニペット)
plugin「Mix it up」(ギャラリー)・「fancybox」・yotubeも
plugin「paginathing」(ページネーション/ページ切り替え)
plugin「vegas」(Backgroundスライド)・点々とか(オーバーレイ)について
Picture
webクライアントワーク(カンプ)
PC用カンプ
スマホ用カンプ
使わなかった案
白黒絵(全てトレスなし・写真参考)
住宅 (アナログ)
町 (アナログ)
自然1 (アナログ/公園)
自然2 (アナログ/花や木)
池の岩 (アナログ)
子供部屋アナログ版
子供部屋デジタル版(再度1から描き起こし)
趣味・切り絵(デザフェス等に出展)
トランプ(ポストカード)
重ねる切り絵
PHP
include関数を使ってテンプレ化する(ルートパス)
DBに接続していないお問い合わせフォーム
DBに接続しているお問い合わせフォーム
↑データベースからデータを取得する(自分用管理画面)
模型も
WordPress
サイト100選
ブログ
テーマを作成(参考書みながら制作)
バナー
ポートフォリオにて
その他
coming soon