HTML・CSS– category –

【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タグを使用するとウィンドウを開いた状態で...

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

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

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