HTML5とCSS3のオンラインサンプルが良い感じ | Web活メモ帳
Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。 HTML5 & CSS3 Tools and Tutorials パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。 以下に使っている様子を載せてみます。 ↑設定した項目を選択します。 まずはBox Propertiesを試してみます。 ↑設定可能な項目が表示されます。 パラメータをグリグリいじれちゃいます。 ↑設定した内容はリアルタイムにプレビュー表示されました。 使用するコードと対応するブラウザも教えてくれます。 違うものも試してみましょう。 ↑Videoを設定している所です。 動画ファイルはURLを直接入力して設定します。 ↑プレビューです。 細かいブラウザのバージョンも教えてくれました。 他にも設定可能な項目はたくさんありました。 興味のある方は
iPhone OS 4.0でvideo要素を使うと、ページに動画を埋め込める[追記あり] - EC studio デザインブログ
[追記]2010/07/27 すでに販売されているiPhone4（iOS4）でサンプルを検証したところ、埋め込みで再生はできなくなっていました。iOS4のリリース以前の3GS+iOS4では可能であったことを確認していますので、仕様の変更があった可能性があります。あらためて方法が分かれば記事におこしたいとおもいます。 iPhoneのMobile SafariではHTML5が使えるというのは以前に書いた記事でも紹介したことがあるのですが、HTML5の各要素がすべて完全に使えるというわけではありません。 その中の一つであるvideo要素はマークアップ上使うことは可能ですが、いざ動画を見ようとするとQuicktimeが起動するのでvideo要素を使うメリットがほとんどありませんでした。 しかしvideo要素はOS4.0からページに埋め込まれる形で再生できるようになります。 iAdの衝撃 皆さんiA
スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ
最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン（およびタブレット）用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前
HTML5 videoタグを使って動画を再生する | TechBooster
再生可能ファイルのリストアップ 全てのブラウザで目的の動画ファイルを再生できるようにするにはsourceタグを使います。 ブラウザごとに再生可能な動画ファイルを用意してsourceタグでリストアップしておくことで、 ブラウザは上から順番に対応できる動画ファイルを探してくれます。 <video id="video" controls width="320" height="240"> <source src="sample.mp4"> <source src="sample.3gp"> </video> JavaScriptで動画コンテンツを操作する videoタグで埋め込んだ動画コンテンツをJavaScriptを使って操作することが可能です。 たとえば、videoタグで埋め込んだ動画コンテンツを 独自に追加したボタンから再生/停止するには以下のようにします。 ■playvideo2.htm
累計30億ダウンロードされたFirefoxアドオンのベスト8
先日、Firefoxのアドオンが累計30億ダウンロードを達成しました。Firefoxユーザの85％は必ず1つはアドオンを入れているという環境の中、いったい人気のあるアドオンは何なのか、Mozillaがブログでベスト8を発表しています。 The Best of 3 Billion Add-on Downloads | The Den ◆第1位：Adblock Plus 第1位になったのはウェブサイト上に表示される広告をブロックするアドオンの中でも最もポピュラーな「Adblock Plus」。1日のアクティブユーザ数は1350万人で、累計1億6600万ダウンロードを達成しています。このアドオンが便利だからこそFirefoxを使い続けているという人も少なくありません。 ◆第2位：Video DownloadHelper 第2位になったのはウェブ上にあるコンテンツのダウンロードを補助してくれるアド
[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
お笑い動画はowarai.tv
解散が惜しまれる本格派コント芸人 松竹芸能と言えば老舗の芸能事務所であり、お笑いの世界でもその名を確立している。そんな松竹芸能の若手芸人で最近よくテレビで見かけるのは、安田大サーカスのクロちゃん、ヒコロヒー、みなみかわといった個性的なキャラクターを持っている人ばかりだ。 そんな松竹芸能の中で、比較的キャラクターが薄いにもかかわらず、ネタの面白さが評価されて多くの人に愛された若手芸人がいた。それがうしろシティである。2009年に結成されたうしろシティは、金子学と阿諏訪泰義の2人組である。 『キングオブコント』でも三度決勝へ 彼らは、結成してすぐにコントが面白いと評判になり、多くのネタ番組に出演していた。2012年には『NHK新人演芸大賞』演芸部門で大賞を受賞、『キングオブコント』では2012年、2013年、2015年と三度も決勝に進出した。 若手の注目株として脚光を浴びた彼らは、フジテレビの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
