[CSS]メディアクエリとは異なる、レスポンシブ対応のモジュール式コンポーネントの実装に適したコンテナクエリ | コリス

2019/03/05 34 users コリス クエリ コンポーネント コンテナクエリ CSS

最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式のコンポーネントを実装するのは難しくなっています。 レスポンシ... 続きを読む

youtubeやinstagramの埋め込みコードをレスポンシブ化させてくれるwebサービス「embedresponsively.com」*prasm

2013/08/05 22 users Instagram prasm YouTube CSS コード

覚えておいて損はないかも。 自分のブログ内で、自分で用意する画像や映像に関してはCSSで割と簡単にレスポンシブ化させることが出来ますが、外部サービスが吐き出す埋め込みコードは知識がなければ、あるいは知識があってもレスポンシブ化させるのが困難なパターンもありますね。 特にinstagramなんかは結構厄介なんですよね。 そこで、 embedresponsively.com 埋め込みコードをレスポンシ... 続きを読む

[Å] YouTubeやVimeoなど固定サイズになった外部の動画をレスポンシブに対応させる方法 | あかめ女子のWebメモ

2012/07/12 33 users Rego YouTube Vimeo レスポンシブ 遭遇

【この記事の所要時間： 約 3分45秒】 YouTube logo / Rego – d4u.hu 外部の動画を自分のサイトに読み込ませる時、動画サービスで生成されるソースを張り付ければ表示させることができます。でも、たまにスマホで表示させるとページから飛び出し動画が切れている場面に遭遇。動画にサイズ指定されているため、自動的に縮小してくれてないのですね。なので今回は「固定サイズの動画をレスポンシ... 続きを読む