Youtube の埋め込みをレスポンシブ対応のページにそのまま入れようとしても、可変になってくれないという問題がでてきます。 レスポンシブ対応する方法について、毎回調べてしまっていたので、メモとしてエントリーしておきます。 Youtubeの埋め込みをレスポンシブ対応するCSS：条件付き2014年8月19日時点での埋め込みコードをレスポンシブ対応するには、以下のようにしておくだけです。 HTML

ちょっと前に話題になっていた、YouTubeやGoogleマップやInstagramなどの ページ内に埋め込む際のURLや埋め込みコードを 簡単にレスポンシブ化してくれるサービス「embedresponsively.com」が 便利に使えそうだったので自分用メモとして紹介してみます。 embedresponsively.com 使い方は簡単で貼り付ける媒体を選択して 画面内の入力フォームに、動画ページのURLや埋め込みコードを入力して 「Embed」ボタンをクリックするだけ。 （入力するURLの内容は媒体によって違います。） クリック後は画面の下にレスポンシブ用のHTMLやCSSのコードが生成されるので それを張り付ければいいだけ。 実際にYouTubeでコードを生成した場合は以下のような画面になります。 手軽に使えることと、CSSでどの値をどのようにすればレスポンシブ化できるか、 といっ

友人から渡された動画をPCで再生した際に映像が乱れて見られない場合でも、他の動画再生ソフトで問題なく動画を再生できるように、ドラッグ＆ドロップで簡単にメディアのフォーマット変換ができるフリーソフトが「Video to video converter」です。変換できるメディア形式はAVI、DivX、Xvid、MPEG-4、AVC/H264、MOV、WMV、3GP、3GP2、MKV、SWF、FLV、GIFなど。また、Apple製品やAndroid搭載スマートフォンなどに合わせての変換も簡単にできます。Windows 2000、XP、Vista、7上で起動可能。 ダウンロード、インストール、操作方法については以下から。 Download Video to Video Converter for Free http://www.videotovideo.org/download/ まず、200種類

2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確

このサイトでは、NHKの過去の映像コンテンツを放送でみるアーカイブス番組、インターネットでみるデジタルアーカイブス、最寄りのNHKでみる番組公開ライブラリー等と、保管しているコンテンツの情報を紹介しています。

日産のCMで流れていた「今夜はブギーバック」が、はてブの人気エントリーにランクインしていたので、チェックしてみたのだが、「この曲のカバーなら他にもっと良いのがあるだろう！」と思ったので、セルフカバーを含め、知っているのをピックアップしたい。 これ以外に、少なくともAnny's Ltd、Dell Feat. Clock、竹中直人とワタナベイビーのカバーがあるし、「THE BEST OF BOSSA COVERS～青春ダンス～」という企画モノCDの中にも同曲が収録されているのだが、探しても見つからなかった。以下に網羅されていないカバーやセッションなどがあれば、是非シェアしてください。なお、本当は動画を張りつけたかったけど、匿名ダイアリーでは無理だったので、URLだけ貼る。勘弁！ （追記）ブコメに書かれていた情報を追加。けっこう充実してきました。ありがとうございます。このエントリーに対してトラバ

YouTubeから動画ファイルをダウンロード 「ずっとWindowsを使ってきたけど、最近Macが気になるかも……でもWindowsのちょっとしたテクニックや、フリーツールの便利さをMacで実現する方法は？」。スイッチャー予備軍のそんな不安をキレイに解消して、Macの世界へご招待しようというのがこの連載だ。第1回はMacで「YouTubeから動画ファイルをダウンロード」にチャレンジ！ YouTubeから動画ファイルをダウンロードするにはいくつか方法があるが、Windows環境でいちばん簡単な方法は、ブラウザと連動するダウンロードツールを利用するやり方だろう。 ブラウザで再生している動画ファイルのURLを取得してダウンロードする独立タイプのツールのほか、Firefoxの拡張やSleipnir用スクリプトも公開されており、いずれにせよ、事前の設定さえすませておけばワンクリック程度の操作で動画を

ストリーミング配信というと以前は、機材を用意したり、コストが高かったり、何かと手間のかかるイメージがありました。ところが、最近は無料で配信できるサービスも登場しています。今回紹介するのは、そうしたライブ配信サービスです。自分自身がイベントを担当するときにも利用できなそうなサービスを3つ選びました。 「遠くのイベントでも“参加”できる『バーチャル参加法』」という記事で、ストリーミング配信でリアルタイムに参加するという方法をご紹介しました。 ストリーミング配信というと以前は、機材を用意したり、コストが高かったり、何かと手間のかかるイメージがあったと思いますが、最近は手軽に試せるサービスが登場しています。そこで今回はライブ配信サービスを3つ紹介します。自分自身がイベントを担当するときにも利用できそうなオススメのサービスを選びました。 無料でライブ配信に便利な3つのサービス Ustream.tv

日本最大級の動画サービス、ニコニコ（niconico）。動画にコメントを付けて楽しむニコニコ動画や、生放送番組にリアルタイムでコメントを付けられるニコニコ生放送のほか、イラスト・マンガ・最新ニュース・ゲームなど、エンターテイメントを全て無料で楽しめる！