2017年9月30日にブロガーズフェスティバル2017(以下、ブロフェス)が開催されます。
僕が登壇する内容について、資料がまとまりましたので、ざっくりと紹介します!
目次を用意しましたので、これを見てピンと来た方はぜひ聴きに来てください。
ブロガーが明日から使えるHTMLやCSSの実践的なテクニック
初心者から中級者くらいの方に聞いてほしい内容で考えてまして、ブロフェスの公式サイト上では「HTML,CSSの基礎」という形で発表してます。
基礎の話で間違いはないんですが、「ネット上で拾ってきたソースを貼り付けて作ったツギハギのデザインをきれいに整えるための知恵」みたいな感じに仕上がりました。
HTMLとCSSをゼロから書けなくても、ネットで拾ってきたものを調整できるくらいの知識があれば十分だと思ったので。
目次がこちら。
- HTMLとCSSについて全く知らない人がまず知っておきたいこと
- ブラウザで簡単に使える「要素を検証」でHTMLやCSSを解析しよう
- 余白を調整するmargin・padding・line-heightの使い方
- ブログやサイトをスマホで見ると横にずれるときの対処法
- ブログやサイトのデザインをスマホの端末ごとに細かく調整した方がいい
- テキストリンクの当たり反転を大きくしてクリックされやすくする
- table-cellを使って縦方向の中央寄せをする
- Amazonや楽天のアフィリエイトで押されやすいボタンをCSSだけで作る
- フォトショは月額980円で使えるのでブロガーも使った方がいい
- ブログのデザインをプロに依頼する
最後2つはHTMLとCSS関係ないんですがブログ関係ということで、時間があれば話します。時間がなくなったら飛ばしますし、逆に時間があまったらブログ運営に役立つなにかしらの話をしようかと。僕がブログを書いてるところを実演するとか。
スライドは用意せず、サンプルサイトを用意しました。実際にサイトをいじりながら、HTMLとCSSの理解を深めていただけたらと思ってます。
最後に
ブロフェスに参加される方でブログいじりがやりたいけどうまくいかないという方は、ぜひ第3セッションステージAを覗いてみてください。
また、懇親会などでもお気軽にお声がけいただけたら嬉しいです。