【完成サイト】 現在取り組み中のサービスサイトのWordPress課題。ヘッダーメニューのBLOG &NEWSのリンクをクリックするとWordPressからの投稿記事が一覧になって表示されるような構成になっている。 【つまづいた点】 今回、ヘッダーナビ部分（CONCEP...

週一の学習ログの更新を目指していたものの、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タグを使用するとウィンドウを開いた状態で...

JavaScriptでモーダル作成の課題。『dialogタグを使う』という条件があった。dialogタグはある意味便利だけどクセが強かった。 【作成したモーダル】 『モーダルOPEN』をクリックするとモーダルウィンドウが開く 『×（閉じるボタン）』をクリックするとモ...

【見出しのマークアップができない…】 契約しているハローメンターではコーディング課題を提出して自分の書いたコードに動画でFBを頂ける。いつも丁寧に説明いただけて本当にありがたい。しかしながら、毎回自分が嫌になるのが 見出しのマークアップ、<...

【きっかけ】 現在、ハローメンターで自分の書いたコードが仕事獲得にも通用するレベルになるよう、日々鍛錬を重ね、最終目標としてWeb制作に関わる仕事に就きたいと努力しているところです。ハローメンターと契約して1ヶ月と経たない頃。課題提出後にサン...

【はじめに】 HTML・CSSについて学習時、ボタンデザインのサンプル集などを見る機会が増えるようになって感じるようになったこと。 cssで文字やボタンのデザインにグラデーションにすることなんてあります？ 少なくともわたしがこれまで閲覧してきたWebペ...