[B! レスポンシブ] ksk_n776のブックマーク

決定版! YouTubeやVimeo動画のレスポンシブ対応化プラグイン - studioDoghands

以前、簡単な記述でYouTube動画をレスポンシブ対応にするCSSを紹介しましたが、今回はプラグインのご紹介です。 2014/09/06追記ここから——— ワードプレスが4.0になり、特にプラグインを利用しなくても、アドレスをペーストするだけでレスポンシブ対応するようになりました。詳しくはこちらの記事をご確認ください。 2014/09/06追記ここまで——— Advanced Responsive Video Embedder アドバンスドレスポンシブビデオエンベッダ− YouTubeやVimeoだけでは無く、Ustream・Dailymotionその他様々な動画サービスに対応しています。サポートフォーラムではTEDなどの要望もあり、これから対応動画も増えそうです。スタイルシートも触る必要も無く、個人的には、動画の埋め込みはこれで決まりかなと思います。目次動画のレスポンシブ

ksk_n776 2014/03/13

リンク

レスポンシブwebデザインで制作する時のポイント

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。（一部の図はセミナーの資料を元に作成してます。）始めに：スマートフォンサイト制作の選択肢スマートフォンサイトを制作するには幾つかの方法があります。アプリ独自系スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用流用系現在のデザインをほぼ流用、調整のみレスポンシブ・デザインどの方法にもメリットデメリットはあり、どれが最適かはサイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。今回のエントリーではレスポンシブ・デザインのみにふれます。レスポンシブwebデザ

ksk_n776 2014/02/27

レスポンシブ

リンク

breakpoints.jsを使用したレスポンシブでの画像切り替え

Posted: 2013.07.30 / Category: javascript / Tag: jQuery PCは横長なので画像も横長に作成することが多いですね。しかし、レスポンシブでスマートフォンに対応した場合は、横長画像だとよくわからなくなってしまいます。「breakpoints.js」を使用すれば割りとお手軽にPC用とスマホ用の画像を切替えできますよ。ベースのimgを置き換える方法 htmlではPC用の画像を配置して、クラスを「sp-img」としておきます。 html <img src="img/image-pc.png" class="sp-img"> 「640」をブレークポイントにしますので「breakpoints」オプションに[ 1, 640 ]と指定します。また、ブレークポイントの数だけ「$(window).bind」の部分を追加します。 javascript <s

ksk_n776 2014/01/07

リンク

【厳選】安全・レスポンシブなWordPress無料テーマ10選 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

【厳選】安全・レスポンシブなWordPress無料テーマ10選 2013.09.12 2020.03.13 WordPress WordPress, レスポンシブ, 公式テーマ, 無料テーマこんにちは、ロックウェーブの岡本です。弊社のレスポンシブCMS「aishipR」でもついにWordPressブログが作成できるようになりました。 WordPressを利用することで、自社サイトの中でオリジナルのブログを追加できるようになります。オプションプランでの追加という形になりますので、「ECサイトのSEO対策にブログを始めたい！」という方はぜひご連絡下さい。このWordPressの特徴は、「テーマファイルがあればどんなデザイン・機能のブログでも作れる」ということです。今回は「これから自社ブログを始めよう」と考えられている方のために、「WordPressのテーマファイルとは何か？」「W

ksk_n776 2013/12/24

リンク

はみ出し回避！関連記事を表示できるLinkWithinやYARPPをレスポンシブWebデザインに最適化

最近レスポンシブWebデザインにハマっている、あきら（@akrwnet）です（＾ｖ＾）ブログなどで、記事の最後に関連記事を表示できるものって結構あるようですね。その中でも多く使われているのが、LinkWithinやYet Another Related Posts Plugin (YARPP)になるのではないでしょうか。調査したわけではないけど、よく見かけるし、そうだと思い込んでます・・・簡単に導入できるLinkWithin LinkWithinが一番簡単に導入できるのかな？記事の最後に、こんな感じに関連記事を出すことができます。導入方法などは、おつぱ（ @OZPA ）さんのブログを参考にしてみてください♪ これとか記事の終わりにサムネイル付きで関連記事を表示するブログパーツ「LinkWithin」を導入したこれとか関連記事を表示するブログパーツ「LinkWithin」を