学習ログ– category –

週一の学習ログの更新を目指していたものの、2週間強の間隔が空いたのはひとえにWordPress課題に翻弄されていて、それどころではなかった、といっただけの話。 この課題を通して、WordPressを使ったクライアントワークが大変である、ということはよくわか...

WordPress 仕事の現場でサッと使える! デザイン教科書 上記のテキストをひたすら読み、作業フォルダ内に指示されたコードを書き、ローカル環境にアップ、をひたすら繰り返して手を動かしていた。WordPressというものがどういったものなのかを学ぶ1週間。3...

【Intersection Observer】 特定の要素が指定領域内に入ったかどうかを検知するIntersection Observer。何をやったか、記録を残すのが難しい…。 監視対象 → 表題（js-section-title )表題部分がテキストエリアへ遷移する瞬間にheaderが上から下へスライド...

【アコーディオン（アニメーションあり・なし）】 アニメーションなしのアコーディオンであれば<details><summary>を用いればhtmlとcssのみで作成が可能。 【例：html】 <details class="accordion"> <summary class="accordion-head...

【モーダル（アニメーションなし・あり）】 dialogタグを使用したモーダルウィンドウの作成。 htmlファイル内、dialogタグで囲った部分をJavascriptではshowModal()表示、close()で非表示できる優れもの。 dialogタグを使用するとウィンドウを開いた状態で...