進捗Day13~14:jQueryとの戦い
昨日はちょっと勉強サボったので、更に土日に負債が!
シーライクス jQueryの章へ。
<script type="text/javascript">
$(function() {
$('.single-item').slick();
});
</script>
カッコがいっぱいでもう何が何😂😩と最初はアレルギー出そうだった。良く見る画像スライドショーは、このプラグイン[slick]で出来ていたんですね。
正しく設定できてるはずなのに、スライダーの矢印が表示されなくて随分悩んだ・・・。
元々のCSSの設定がおかしかったみたい。
調べて出てくる色んな情報ありがたすぎる。Special Thanksです。
矢印のアイコンがなぜか画像の下になっていたうえに、色もtransparentだった。
時間はかかったけど、自分でCSS確認して怪しいところ探して直せた!ていう経験ができたのは良かったかな。。と思おう。
jQueryは、面白い。設定が適用できると、簡単にスゴイ事ができた感がある。
CSSも知らないだけで工夫次第で色んな事が出来るっぽいけど…早くその域に至りたい。
ということでDay4を終了!ようやくはじめの一歩を踏み出した感じ。
この後は・・・
・Progate flexbox編をやる
・Progate jQuery編をやる
・jQueryのプラグインまとめなどで出来ることを色々知っておく
・月曜日はもくもく会、プランニングシートの相談が出来るレベルに考えておく
デザイン勉強は、トレース3つ→なるべくそこで知った技術を使いながらオリジナル1つ作成 の感じで進めたい。
10個トレース終えたら、デザインの意図とか言語化を意識して分析してみたい。(進め方、こんな感じでいいのだろうか…)
がんばるぞ~~