タグ レスポンシ
人気順 5 users 50 users 100 users 500 users 1000 users[CSS]メディアクエリとは異なる、レスポンシブ対応のモジュール式コンポーネントの実装に適したコンテナクエリ | コリス
最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式のコンポーネントを実装するのは難しくなっています。 レスポンシ... 続きを読む
youtubeやinstagramの埋め込みコードをレスポンシブ化させてくれるwebサービス「embedresponsively.com」*prasm
覚えておいて損はないかも。 自分のブログ内で、自分で用意する画像や映像に関してはCSSで割と簡単にレスポンシブ化させることが出来ますが、外部サービスが吐き出す埋め込みコードは知識がなければ、あるいは知識があってもレスポンシブ化させるのが困難なパターンもありますね。 特にinstagramなんかは結構厄介なんですよね。 そこで、 embedresponsively.com 埋め込みコードをレスポンシ... 続きを読む
[Å] YouTubeやVimeoなど固定サイズになった外部の動画をレスポンシブに対応させる方法 | あかめ女子のWebメモ
【この記事の所要時間: 約 3分45秒】 YouTube logo / Rego – d4u.hu 外部の動画を自分のサイトに読み込ませる時、動画サービスで生成されるソースを張り付ければ表示させることができます。でも、たまにスマホで表示させるとページから飛び出し動画が切れている場面に遭遇。動画にサイズ指定されているため、自動的に縮小してくれてないのですね。なので今回は「固定サイズの動画をレスポンシ... 続きを読む