BloggerブログでYouTube動画の埋め込みをレスポンシブに表示するCSSコーディング YouTube 動画の埋め込みコードにはHTMLのiframeタグが使われていてデバイスの画面毎にレスポンシブ対応でデザインを揃えるのが難しい。特にモバイルのスマホやタブレットで画面の横幅一杯に表示する場合に埋め込み動画の縦幅を一定の割合で維持できず、画像比が崩れる。写真などに...
松山千春の最高の一曲/あの日の僕等に人として疑い得ない純粋な心を聴き泣く 歌手の 松山千春 は主にフォークソングの作詞作曲と演奏を行っていて前世紀後半の1980年頃に 恋 や 長い雨 などのヒット曲を連発して全国区の知名度を誇るに至った。以来、今日まで四十年近くも歌謡界の第一線で活躍し続けて来ているわけで、日本を代表する歌手、またはフォークソングのシ...
iframeタグのコンテンツの画像比をCSSのcalc()でレスポンシブに整える HTMLの iframe タグのコンテンツは画像比がデバイスの画面幅に レスポンシブ で統一できない。およそスマホで画面の横幅一杯に表示したりすると縦幅が変わらないためにコンテンツの画像比が変わってしまうのが厄介なんだ。 YouTube や ドライブ など、Webサービスの埋め...
陸上自衛隊の歌姫/鶫真衣のいのちの音は死の恐怖に打ち勝つ勇気そのものだ 鶫真衣 というソプラノ歌手、澄み渡る青空のような魅惑的な声の歌姫を擁する 陸上自衛隊中部方面音楽隊 のアルバムの いのちの音 から同名の表題曲を聴いて正しく死の恐怖に打ち勝つ勇気そのものが表現されていると感じながら人生の励ましに満ちたエールを受け取った。 陸上自衛隊中部方面...
JavaScriptで開いたメニューの外側を暗くして範囲外のクリックでも閉じる方法 サイトに 開閉ボタン でメニューを出した際のエフェクトとして外側を暗くすると見易い。そして開閉ボタンだけではなくて開いたメニューの範囲外、または新しく表示された領域外のクリックでも同じように閉じられると使い易い。どう作成するべきか、JavaScriptで実行するプログラムを考え...
JavaScriptのonclickとclassListとsetTimeoutを使ったアニメーション付きの開閉ボタンのプログラム サイトのハンバーガーメニュー(≡)などのコンテンツを出し入れできる開閉ボタンをJavaScriptで作成するプログラムには二つの大きな部分がある。 要素のクリックを判定する コンテンツに表示変更を行う JavaScriptのプログラムではクリックを判定するHTMLの要...