2022年9月– date –

00:59 コード内のjQueryという文字列は$(ドルマーク)に置き換え可能 ⇨タイトルの通りです。 01:10 スムーススクロールでheader分の高さを引く書き方(DAY26とは別の書き方) ⇨headerにIDをつける。以下のようにscript.jsに追加する。 $("html, body&quo...

ひとつ前のエントリーでチャプターのタイムスタンプをリストアップしましたが、今回は初出の情報をピンポイントでピックアップしていきます。もう出てきている情報もあると思いますがあしからず。 00:58 メディアクエリタグでの囲み方 ⇨flexboxの記述など...

前回CSS編(PC)の初出の情報を抜き出しましたが、YouTubeみたいにチャプターごとに頭出しできたら便利かなと思いまして、チャプターごとにタイムスタンプをリストアップしました。大雑把だったり細かかったりうまく分けられてないかもしれないですがご参考...

前回と同じく、初出となる情報をピックアップしています。デイトラ生しか閲覧できませんが、該当箇所をダイレクトに観られるように動画のタイムスタンプをリストアップしておきます。個別の動画にはリンクが貼れないみたいなのでテキストだけですがご容赦...

基本的には今までの知識を総動員すれば作れます。動画で初出のTipsのみ書きます。 SPのみでCSSが読み込まれるようにする(media属性) linkタグの中にmedia="screen and (max-width:767px)"のように書くことにより、SPのみでCSSが読み込まれるようにできます...

デイトラにはない項目ですが、大切な部分なので記事にします。面倒ですがここをきちんと設定しておくと後々コーディングがだいぶ楽になります。 各種CSS/JSファイルの読み込み 動画ではhead内にまとめられていましたが、私はheadにCSS、bodyの閉じタグ直前...

今回は特筆することがないですが、手順をテキストに起こしておきます。 パスワードを入力し、XDでカンプを開く2ページ目(PC)、3ページ目(SP)のアセットからzipファイルをDL上記を解凍し、PCフォルダの中身をpracticeに作ったimgに移し替えSPフォルダはspと...

いよいよ中級総復習編に差し掛かりました！これで終わりと思いきやこの後に最終課題が待っているんですけどね。笑 構造を考える（ブロック分け） まずはiPadを使ってカンプをブロック分けしてみました。大体こんな感じかと思います。動画見てみたらクラス...

モーダルとは、コンピューター用語で「〔ダイアログ・ボックスが〕モーダルな◆ユーザーが応答しない限り、そのプログラムの他のコントロールは入力を受け付けない。別のプログラムには切替可能」という意味らしいです。 良く見かけるもので言うと、ニュー...

前回のものと似ていますが別パターンです。デイトラのサイドバーがまさにこの形式ですね！ブログの月別アーカイブなど、汎用的で色々なところに使えそうです。下準備として、上下のアローアイコン画像をカンプからDL⇨imgフォルダに入れておきます。 Q and ...