Works カテゴリー: 全部 HTML&CSS 試験課題 HTML5 jQuery その他 レスポンシブ クライアントサイト php WordPress 【ベネッセ】WEBコーディングの練習の為、画像素材コピーさせていただき、PCサイトをレスポンシブページに改造。ナビゲーション未完成。期間2日。 [MyProgressRecord]自分のポートフォリオサイト(公開7月27日~)。WordPressカスタマイズ勉強中。日々更新。 [ZeroShingGolf]クライアントワーク。詳細ページで説明。 [K'sGardenらーめん]洋食レストランをらーめん屋に。メニュー画像差し替え、サイトカラーを青系に変更。アクセスページを修正 [K'sGarden_Menu]jQueryコーディング。詳細ページで説明。 【K'sGarden洋食】クライアントワーク。詳細ページで説明。 【TimeSwitch】第6回試験課題。カンプと素材画像から、ページを作成。hoverアクション。Font Awesomeに使用。favicon。レスポンシブ。期間1日。 【枝豆隊長】レスポンシブ。jQueryプラグイン「Flexslider」。media-query。SPサイズでハンバーガーメニュー切替。 【おかず】グリッドデザイン。float。レスポンシブページ。フッター変形。 【Thumbnail Pics】第3回試験課題。jQuery。サムネイル画像をクリックするとメイン画像が切り替わる。 【Masonry】jQueryプラグイン「Masonry」。レスポンシブページ。要素が横幅に合わせて位置移動。 【SVG Animation】SVG画像のアニメーション表示を使用した例。 [BackgroundMovie]背景に動画(.mp4)を使用した例。 【タブパネル】jQueryでタブ表示切替。 【pasta】カンプと画像素材からページ作成。dlリストの水平表示。box-shadow。hover効果。HTML5新要素でマークアップ。 【にゃんこ】HTML・CSSテキストのサンプルサイト。ドロップシャドウ(box-shadow)、角丸(border-radius)、float等。 【lightbox】jQueryプラグイン「Lightbox」。画像hoverで、キャプション表示。 【石垣島】Photoshopで画像の切り抜き、CSSでborder指定、背景画像にh1文字を重ねて位置をpaddingで調整する方法を学んだ。 【Filtering】第3回試験課題。jQueryプラグイン「Mixitup」。CSSでopacity、border-radius等カンプ画像どおりに正確に作成。 【音楽教室】第4回試験課題。カンプと画像と文字素材からコーディング。お問い合わせフォームでHTML5フォームチェック機能指定。 [SampleCompany]第1回試験課題。カンプと画像と文字素材からHTML・CSSコーディング。TOP画像は自分で素材を選び、加工。 【卵料理カフェ】料理画像のfloatとテキストの回り込み。repeat-yで指定するSidebar部分背景画像の作成。