WordPressや通常サイトでYoutubeやVimeoの動画の埋め込みをCSSで簡単にレスポンシブWeb対応にさせる方法 | HTML5でサイトをつくろう

2014/05/27 80 users YouTube ブラウザウィンドウ CSS Vimeo 動画

レスポンシブWebで作られたサイトでは自分で作成した画像などはCSSで対応させますが、Youtubeやvimeoなどの外部サービスを埋め込む際にレスポンシブ対応させる簡単な方法をまとめます。Wordpressの投稿などでも簡単に設定できるのでとても便利です。 Youtubeの埋め込みサンプル Vimeoの埋め込みサンプル PCではブラウザウィンドウを小さくしたりすると自動的に動画サイズもコンテンツ... 続きを読む

著作権放棄の、グリッドシステムを搭載したレスポンシブWebデザイン対応CSSフレームワーク・rwdgrid - かちびと.net

2012/10/31 57 users 語弊 グリッドシステム ライセンス フリーソフトウェア財団

著作権放棄のレスポンシブWeb デザイン対応CSSフレームワー ク、rwdgridのご紹介。自由に 使っていいフレームワークは 非常にありがたい存在ですね。 ありがたく使わせて頂きます。 著作権放棄、と言ってしまうと語弊があるのかもしれませんが、ライセンスはパブドメではなく、WTFPLです。あまり聞きなれませんが、フリーソフトウェア財団にもGPL互換として承認されている非常に条件の緩いライセンスに... 続きを読む

シンプルで使いやすく、IE7にも対応可能なレスポンシブWebデザイン向けフレームワーク・BASE - かちびと.net

2012/09/17 94 users net IE7 base フレームワーク デバイス

結構良さそうなフレームワーク だったのでメモがてらご紹介。 シンプルなレスポンシブWeb デザイン向けフレームワーク・ BASEです。IE7にも対応可能だそ うです。 IE7でも表示が崩れず、スマフォ等の幅狭なデバイスにも対応できるレスポンシブなWebデザイン向けのフレームワークです。 BASE 個人的には好みのフレームワークでした。多分使わせてもらう事になりそう。IE7でも表示が崩れないクロスブ... 続きを読む

Rriver » レスポンシブWebの時代だからこそ見直すべき、3つの「ウェブの哲学」

2012/07/20 110 users One Web 未来 歴史 レスポンシブWebデザイン 衝撃

先日、「A Dao of Web Design」という記事を読んでいて衝撃を受けたので、このブログでもご紹介したいと思います。この「A Dao of Web Design」には、ウェブ制作の歴史と未来が記されています。当時は存在すらしなかった「レスポンシブWebデザイン」やウェブの基本理念である「One Web」にも通じる内容です。 この記事が書かれてから12年以上たっていますが、日本のウェブ制作... 続きを読む

FoundationをベースとしたHTML5製のレスポンシブ対応WordPressテーマフレームワーク・Reverie - かちびと. net

2011/12/03 35 users zurb Reverie Foundation net ベース

以前ご紹介したレスポンシブWeb デザイン対応のFoundationをベース としたHTML5製のWordPressテーマ フレームワーク・Reverieのご紹介 です。どんどん出てきますね。 Foundationってのは以前ご紹介したように、zurbっていう、jsライブラリ等を一杯配布してくれてるサイトのプロダクトで、WPテーマ化も済んでるんですが、またFoundationベースでリリースされた... 続きを読む