2022.11.15 HTML / CSS /Javascript 佐藤氏
スマホで見やすくしたいな〜✨
でも、CSSをいちいち書くのがめんどくさい…💦
CSSフレームワーク
一番有名なbootstrap!(JQuery , Vue.js など)
bootstrapを使って、レイアウトが予め定義されている。
尚且つ、レスポンシブ対応をしています。
さまざまなライブラリなどが用意されているので(カードやボタンなど)
コピーして簡単に使うことができます。
ボックスモデルという考え方をベースにしたフレームワークなので、
ワイヤーフレーム(下書き)を描く段階で、ボックスを意識しましょう!
メディアファイル
SVG :ロゴに向いている
mp4:動画はyutubeに挙げてサイトに埋め込むのが主流。
バックエンド(サーバーサイド)が必要なこと
情報を保存
ユーザーとコミュニケーション
CMS
今は、コードを1から買いで運用しているところはほとんどない。
サーバーにインストール型という種類
- XFree 無料 3ヶ月ごと
ウェブフォント
- GoogleFonts 無料
色彩
色は不必要に増やさず、グレーを活用しよう!
ページレイアウト
ページ分割がなくなり、 スクロール型コンテンツが主流になっている 例 HACHIYA