Webページの見た目を整えよう!!【CSSの基本】〜初心者向け〜

初心者

📘 サプーの書籍が絶賛発売中 📘
Amazon ▶︎ https://www.amazon.co.jp/dp/4297142856
「VTuberサプーが教える! Python 初心者のコード/プロのコード」

詳しくはこちらのライブで解説してます!

【書籍を発売】出版記念ライブ 〜 本の内容を解説! 〜

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Happyハロウィーンーーーー🎃👻
&トリックorトリートーーーーー🍭🍫

Pythonプログラミングに関する情報を発信しているサプーです!
今回はCSSの基本的な考え方・書き方について解説しました!
・CSSとは
・様々なセレクタの書き方
・レイアウトの指定方法
・デバイスの違いを考慮したレスポンシブデザイン
などについて実演を交えながら説明しているのでぜひ見てね!!

💙 メンバーシップ 💙
説明動画 ▶︎ https://youtu.be/-Pc2SAxKSC4
登録 ▶︎ https://www.youtube.com/channel/UC5Kgc_HNzx4GJ-w4QMeeKiQ/join
iPhoneの方はこらから ▶︎ https://twitter.com/PythonSuppl/status/1466049000658718729?s=20

🩷 チャプター 🩷
00:00 オープニング
00:35 CSSとは?
03:58 基本的な書き方
08:59 セレクタ
20:02 スタイル
32:27 レイアウト
45:58 様々なデバイス
50:06 エンディング

📹 関連動画 📹
HTML ▶︎ https://youtu.be/QRif0ZliUWg

🩵 SNS 🩵
X ▶︎ https://twitter.com/PythonSuppl
メール ▶︎ python.supu.vtuber@gmail.com

⭐️クレジット⭐️
イラスト: せのび様 (https://x.com/senoby28)
モデル: kru8ty様 (https://x.com/seesonggao429)
衣装: Yencho様(https://yenchvoy.booth.pm/)

🎵 音楽 🎵
Song: Nekzlo – Alive (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: https://www.youtube.com/watch?v=Yq2zJUWT2HU&t=0s

#CSS
#Webデザイン
#HTML
#PythonVTuberサプー
#プログラミング

コメント

  1. @son-o9w より:

    ブラウザゲーム作成では要とも言える実装ですね。
    かつてはflashであったり、フルブラウザであったり、個別ニーズに対応してソリューションが生まれたものですが…、やはり標準化でまとまるものです。

    Wasmや、WebGPUや、高速リッチコンテンツの基盤も表れたり、片手間だったフロント技術なのにのめりこんでしまいそうです。

  2. @rupikanana7168 より:

    お疲れ様です。サプーさんのハロウィンバージョンかわいいー1からCSSやりなおしてみます。サプーさんのようなアバター作ってみたいなー

タイトルとURLをコピーしました