実務で得た検証と、EC運用の記録

2024.10.19 • JavaScript

Chakra UIの横並び・縦並びしたいとき使うStack（HStack・VStack）・Flexの違いと使い分け

UI・コンポーネントライブラリはWebアプリを作るときに、開発はしたいけどデザインに苦手意識を持っていてなかなか進まない、そんなときに便利な存在ですが、Reac...

13 min read Read post

2023.12.14 • JavaScript

YouTube埋め込みの最適解は？Webデザイナーが知っておくべき「埋め込み方法のベストプラクティス」と「縦型動画（ショート動画）」の導入の技術的ポイント

こんにちは、みみほくろです。 Youtubeって面白い動画が多くて時間を忘れちゃいますよね。 自分の動画もみんなに見てほしい！ってことで自分のサイトにYoutu...

16 min read Read post

2023.09.22 • JavaScript

要素をスクロールに合わせて表示・非表示させたり切り替える方法

最近スクロールで追従するヘッダーがスタンダードかってほど見かけるようになりました。 グローバルナビゲーションを常に表示させることでページのどこにいても見たいペー...

5 min read Read post

2023.08.23 • CSS

JavaScriptを使わず、たった2つのCSSスタイルを追加するだけで、簡単にスライダーを作る方法

記事コンテンツでもECでもブランドページでも、Webサイトには多くの情報を載せてユーザーに少しでも伝えたいことってありますよね。 そこで、限られた範囲に多くの情...

7 min read Read post

2023.08.08 • CSS

空要素に:emptyでスタイルを指定したのになぜか効かない・・・。:emptyの意外な落とし穴

テキストも画像も入っていない空のHTML要素ってありますよね。 特にPHPのような動的に生成したHTMLでは、場合によって中身が空の要素が出てくることが多いと思...

8 min read Read post

2023.03.04 • HTML

モーダルウインドウの実装方法4選！それぞれのメリットとデメリットもご紹介

今回実装方法としてご紹介するのは以下の4つです。 素のJavaScript（Vanilla-JS） jQuery Input ＋ Label（HTML） Dia...

6 min read Read post