画像やタイトルをタップしてサンプル画面や実際に公開されているサイトをご覧いただけます。
レストランサイト
架空のレストランのサイトです。
HTML/CSS/Bootstaropで作成しました。
タイピングゲーム
HTML/CSS/JavaScriptで作成しました。
ゲーム感覚でタイピングを身につけられます。最後にスコアが表示されます。
計算ゲーム
HTML/CSSで外観を、JavaScriptで内部の動きや数式がランダムに表示されるなどのブラウザー上の動きをコーディングしました。
美容店サイト
架空の美容店のサイトをWordPressで作成しました。
”美容店らしさ”やカルーセルを配置メニューやスタッフのブログなどの機能をつけてみました。
クリーニング店サイト
実在するクリーニング店からの依頼で作成しました。WordPressを使い、清潔感・爽やかさを意識したテーマを選びました。
ボックスモデルで幾何学模様(HTML/CSS)
以下の条件で作成しました。
- widthやheightなどのプロパティを適切に使えること
- ボックスモデルを理解すること
- displayプロパティを理解し適切に使えること
- positionプロパティを使って要素を指定通りの位置に配置できること
- レスポンシブデザインを実装できること
レスポンシブデザインを実装(HTML/CSS)
以下の条件で作成しました。
- 疑似要素や疑似クラスを使ってサンプルコードを装飾できること
- メディアクエリやビューポートを設定し、画面幅に応じて表示を変えるレスポンシブデザインを実装できること
- Flexboxで要素を配置できること
