スクリプト無し、動画をページの背景いっぱいに表示する方法
jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood
サイト制作時のメモ 2012年前半
ここ最近でサイトを作ったときに思ったことのメモです。 個人的なサイトを昨年末と今年の7月に1つずつ、それ以外でやったのが春に1つ（結局なかったことにされたけど）、今やってるのが1つ。 昨年末のは一応レスポンシブウェブデザイン、7月のと春のは普通のソリッドレイアウト、今やってるのがスマートフォンサイト。 昨年末に作ったものについてははてなダイアリーの方でも書いたし、内容は被るけど改めて。 全般「HTML5 Boilerplate」は丸ごとというより必要な部分だけ抜き出して使うと便利。 「これは要らないかなー」という部分を探すのにはコード読まないといけないので、それだけでも結構勉強になると思う。 単純なサイトなら頑張って画像作らなくてもなんとかなったりする。 （対象がいわゆるモダンブラウザの場合） Sass 3.2から使えるPlaceholder Selectorは凝ったことしなくても普通に便
webdesignmatome.com - このウェブサイトは販売用です！ - webdesignmatome リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTML5のコーディング力を測れる無料オンライン試験、カヤックが公開
カヤックは2011年9月7日、Webブラウザー上でHTML5のコーディング力を測ることができるオンライン試験「第一回 全国統一 HTML5実力テスト」（写真）の公開を開始した。受験料は無料。 「HTML/CSSコース」と「JavaScriptコース」の2種類の試験を用意しており、ともに日本語あるいは英語で受験できる。HTML/CSSコースは全16問、JavaScriptコースは全21問の問題が出題される。解答の目安時間は両コースとも「15分間」となっている（試験が始まるとタイマーでカウントされるが、時間をオーバーしてもペナルティなどはない）。 受験者が設問に解答し終えると（テストページの下部にある「採点する」ボタンを押す）、結果がその場で集計され、平均点や得点分布、総合順位、偏差値などを算出。これらの情報と共に受験者へのアドバイスなどを記した個人成績表がブラウザー上に表示される。試験は複数
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サルでもわかるHTML5超入門