HTMLマークアップを駆使し、クロスブラウザ対応やアクセシビリティに配慮したウェブページの作成。
モバイルフレンドリーなレスポンシブWebデザインの実現。柔軟性のあるセレクタやメディアクエリを使ったスタイルシートの作成。
効率的なスタイルシートの作成。ネスト、ミックスイン、変数の活用による、再利用性の高いコードの作成。
インタラクティブなウェブページやフロントエンドの機能の実装。ユーザーエクスペリエンスの向上と柔軟性のある動的な機能の実現。
スムーズなアニメーションやイベントハンドリングの実現。モーダルウィンドウやドロップダウンメニューの実装。
コンポーネントの作成やPropsの受け渡しへの基本的な理解。
ウェブデザインにおいてクリエイティブな画像編集や合成、レイヤースタイルの活用、グラフィック素材の作成。
クリエイティブなロゴやアイコンのデザイン、ベクターグラフィックスの制作。ポスターやフライヤーなどの印刷物デザインの作成。
グラフィックデザインやバナー広告、SNSコンテンツの作成。テンプレートのカスタマイズや効果的なレイアウトを駆使した、インパクトのあるビジュアルコンテンツを提供。
シームレスなユーザーエクスペリエンスを実現するワイヤーフレームの作成、読み取り。
カスタムテーマやプラグインの開発への理解。ウェブサイトの構築、コンテンツの管理。テーマのカスタマイズやレスポンシブデザインの実装。
ユーザビリティに優れたウェブデザインの実現。ワイヤーフレームの作成。
カスタムテーマの開発やプラグインの作成、WordPressウェブサイトの構築。テーマのカスタマイズやカスタムポストタイプの実装。データベース連携などのタスクをPHPを活用して実現。
データベースのクエリ作成やデータの抽出、更新、削除への基本的な理解。
サイトURL : https://reikacorpuz.github.io/cafe
ページ数: 5ページ
使用言語: HTML & CSS
デモサイトからの模写コーディングを行いました。
スマホ・タブレットでも表示に崩れが無いにようにレスポンシブ対応を行いました。