css 【css】YouTubeのiframe埋め込みをレスポンシブさせる方法
1.HTMLの構成まずは、YouTubeの埋め込みコード（iframe）を、専用のコンテナ（divなど）で囲むのが基本スタイルです。<div class="video-container"> <iframe src="動画ID" title...
css
css 
css 【js】メイソンリーレイアウトの簡単な実装
Masonry Layout（メイソンリーレイアウト）とは、Web制作上の文脈ではPinterestに代表されるタイル上のグリッドレイアウトのことです。あるアーティストのサイトで、作品をメイソンリーレイアウトで表示したいという依頼がありまし...
css 【css/js】スライドダウンでサブメニューをjQueryなしで表示と非表示を操作する実装
スマホでハンバーガーメニューを実装する際初期状態でサブメニューは非表示開閉ボタンでサブメニューを表示と非表示を切り替え開閉どちらもスムーズなアニメーションを付与という要件の案件がありました。jQueryは使いたくなく、cssとjsだけでどう...
css 【css】Safariでinputタグに付けたdisabled属性のテキストカラーが薄くなる【iPhone実機】
あるサイトのコーディングを一通り完了し、iPhone実機での表示確認をしていたところ、タイトルにあるような現象に遭遇しました。結論input { -webkit-text-fill-color: #000000; opacity: 1;}-...