webデザイナー必要スキル、デザインカンプ作成からhtml5css3マークアップでアプリやウェブホームページの模写コーディングは難しいため対面個人レッスン。初心者でもhtml&cssでphotoshopやadobe xdカンプからのスマホ対応レスポンシブデザインのwebサイト製作は未経験初心者歓迎

横浜Zoomレッスン Yさん ウェデザイン個人レッスン

ホームページ製作 初級者クラス

レスポンシブレイアウトその2

  • フレキシブルボックスレイアウト flexの仕様
  • justify_content 横方向の位置揃え
  • justify_content_marginによる余白調整
  • align_items 縦方向位置揃え
  • align_self、align_self_margin
  • align_content マルチラインの位置揃え 縦方向
  • visibility 非表示

CSS

  • 属性セレクタ ~で始まる ~で終わる ~を含む
  • 擬似クラス  最後の子要素 E :last-child、n番目の子要素 E :nth-child(n)、後ろからn番目の子要素 E :nth-last-child(n)、偶数番目の子要素 E :nth-child(even)、2番目を先頭に3つおきの子要素 E :nth-child(3n+2)
  • 擬似クラス ~of-type系

先生からのアドバイス・感想

フレックスレイアウトは比較的が現在主流ですが、次世代のグリッドレイアウトも視野に入れておきましょう。
残りの時間で、CSSのまとめで、属性セレクタや擬似クラスに入りました。

ココデジタル教室とは

デジタルデザインの「よくわからないところ」がすぐ聞ける、お助けオンラインと出張教室

  • 出張サービスでご自宅や会社、店舗、フリースペースで学べます
  • 好きな時間、空いている時間を有効活用、マイペースに学習講座を受講できます
  • 初心者歓迎、中級者やフリーランスまで専門性の高い知識を、細やかに直接指導いたします