PREMIUM
スライド資料
授業の概要
こんな人にオススメ
実践的に使えるデザインパターンを学びたいWebデザイナー
担当の先生/パーソナリティ
チャプター
-
授業の流れ
01:21 -
事前準備
00:49 -
トップ固定の実装の説明
00:51 -
サンプルファイルを見てみよう
01:43 -
質問:トップ固定の実装のメリットはなんでしょうか?
02:05 -
トップ付け実装のメリット
03:17 -
HTMLファイルのコードを見てみよう
03:53 -
レスポンシブ対応を確認してみよう
02:20 -
各要素のサイズの設定を確認しよう
03:38 -
jQueryがどういった働きをしているか
05:31 -
HTMLファイルのjQueryの実装を見てみよう
02:00 -
Q.jqueryにはバージョンが最近、1.0系と2.0系、3.0系とあると思うんですが、どれを使うのがいいですか?
05:37 -
jQueryの変数の働きを見てみよう
03:06 -
jQueryの実装を図で見てみよう
07:15 -
Q.jQueryの記述にある「var」が今まであやふやだったんですが、複雑な記述を分かりやすいキーワードに置き換えるものという認識で間違いないでしょうか?
00:59 -
実際に動きを確認しよう
08:53 -
まとめ
01:24
-
Q.jqueryの上の部分ではvar top = $('.header').offset().top;下の部分ではvar topBtn = $('#area03Menu'); なんですが、.offset().topはなんですか?変数に入れるという処理はわかるのですが、この二つの違いはなんでしょうか?
02:14 -
Q.HTMLでmainArea__articleの用にアンダーバーを2つ書いてるのは何か意味がありますか、また、先生はlessやscssを使いますか?
03:05 -
Q.jqueryのエラーチェックはchromeのデベロッパーツールで行えばいいのでしょうか?他にいいツールはありますか?
00:38 -
お知らせ