webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

mobileFirst

課題 mobileFirst / 画像置換

ウィンドウサイズによって画像を変える。 imgに文字要素が含まれている場合、画像が小さくなると当然文字も小さくなる。 PCの横長、SPの縦長を一つの画像で賄うことにはそもそも無理がある。 変換するファイルにはクラス名をつける。今回の場合「convert」と…

課題 mobileFirst / jQuery selector

.parent() .siblings 複数形ですね 親でなく、子でなく、兄弟姉妹の関係。 クリックする部分が、「tab」 「tab」は<ul>と<li>で作る。<ul class="tab">。 クリックするのはいつも<li>でなく<a>。リンクは<a>で作る。 $(.tab a).on('click', function(){};) 現在表示されているpanelに「current</a></a></li></ul></li></ul>…