Bootstrapを利用しているWordPressテーマでYoutube等の埋め込みをレスポンシブ対応する方法

media_responsive1
当サイトはBootstrapとWordPressを使って構築しているのですが、Youtubeの動画などを埋め込んだ時に、スマートフォンで見るとメディアが縦に間延びしてしまうことがありました。これはメディアの埋め込みタグがレスポンシブサイトに対応していないことが原因です。
そこで先日購入した「これからのWebサイト設計の新しい教科書」を参考に、Bootstrapの汎用クラスを使ってレスポンシブ対応を行い、さらに更新しやすいように、メディアの埋め込み部分をショートコードとして登録しました。同じようにBootstrap製のテーマを利用している方は、参考にしてみてください。

Continue reading “Bootstrapを利用しているWordPressテーマでYoutube等の埋め込みをレスポンシブ対応する方法” >

書評「プロとして恥ずかしくない 新・WEBデザインの大原則」

webnewprinciple
こもりまさあきさん監修の書籍「プロとして恥ずかしくない 新・WEBデザインの大原則」が発売されたので、読んでみました。
「 新・WEBデザインの大原則」と銘打たれた本書は、デザインのみならず、Webにまつわる様々な領域について幅広く解説されています。レイアウト、配色、サイト設計…と目次だけにざっと目を通すと、よくあるWeb関連の入門書のようにも見えるのですが、実際に各章を読み進めると、斬新な切り口に驚かされるシーンが多々出てきます。

Continue reading “書評「プロとして恥ずかしくない 新・WEBデザインの大原則」” >