HTML/CSS
HTML/CSS講座では、ホームページを作成するためのリファレンスと、CSSを拡張するSass、コーディングガイドライン、CSSやJavaScriptといった関連技術の紹介、スマートフォン対応などを詳しく説明しています。
Chapter 02HTML・CSSテックラボ
- 『Google Static Maps API』
- ブラウザのデフォルトスタイルをリセットする (YUI)
- YUIのBase CSSとGrids CSS
- 記事の読み込みを優先させたレイアウトにする
- Webセーフカラー
- ブラウザで指定できる色の名前
- ie6.0のマージンが2倍になるバグ
- 携帯サイトのDOCTYPEについて
- Google Web Fontsを使ってみました
- Twitterの公式ウィジェットを使ってみました。
- 条件付きコメントを使ったIE対策コーディング
- スマートフォンの解像度
- ファビコン作成のまとめ
- HTML5のコンテンツモデル
- SSIでPCとスマートフォンの出力を切り替える
- HTMLエスケープ
- 幅を越えた文字列を三点リーダー（…）で省略（複数行対応）
- Flexbox -floatを使わないでスマートにレイアウトする方法
- Flexboxのプロパティ紹介
- CSS3でグラデーション
- FlexBoxで固定幅+可変幅のレイアウト
- box-sizingを使って padding や border を含めた横幅指定
- 背景画像の拡大・縮小
- テキストのアンダーラインをグラデーションにする
- ボタンのホバーでソナーのようなアニメーション
- ファイル連結とUglifyを使った圧縮で発生するエラーと、その対処法
- iPadをPC表示にする際のレスポンシブ対応