JavaScript サイトにYoutube動画を埋め込みたいときに試したい3つの実装方法 こんにちは!みみほくろです。 Youtubeって面白い動画が多くて時間を忘れちゃいますよね。 自分の動画もみんなに見てほしい!ってことで自分のサイトにYoutube動画を設置することもあると思います。... 2023.12.14 JavaScript
JavaScript スクロールに合わせて要素を表示・非表示させたり切り替える方法 最近スクロールで追従するヘッダーがスタンダードかってほど見かけるようになりました。 グローバルナビゲーションを常に表示させることでページのどこにいても見たいページにアクセスできて、ユーザーとしては欲し... 2023.09.22 JavaScript
CSS JavaScriptを使わず、たった2つのCSSスタイルを追加するだけで、簡単にスライダーを作る方法 記事コンテンツでもECでもブランドページでも、Webサイトには多くの情報を載せてユーザーに少しでも伝えたいことってありますよね。 そこで、限られた範囲に多くの情報を載せられるのがスライダー(カルーセル... 2023.08.23 CSSJavaScriptSCSS/SASS
CSS 空要素に:emptyでスタイルを指定したのになぜか効かない・・・。:emptyの意外な落とし穴 テキストも画像も入っていない空のHTML要素ってありますよね。 特にPHPのような動的に生成したHTMLでは、場合によって中身が空の要素が出てくることが多いと思います。 しかし、ムダな余白を作ったり親... 2023.08.08 CSSJavaScript
CSS モーダルウインドウの実装方法4選!それぞれのメリットとデメリットもご紹介 今回実装方法としてご紹介するのは以下の4つです。 素のJavaScript(Vanilla-JS) jQuery Input + Label(HTML) Dialog(HTML+JavaScript)... 2023.03.04 CSSHTMLJavaScriptSCSS/SASS
CSS Webデザイン始めるならVScodeイチオシ!VScodeを使うための設定手順とオススメ拡張機能 Webデザインを始めるにあたって必要なエディターにはVScodeしかない!VScodeをこれから使い始める方向けに初期設定とおすすめの拡張機能をご紹介します。 2023.02.11 CSSHTMLJavaScriptSCSS/SASS環境構築