タグ

HTML5に関するwingsgateのブックマーク (4)

  • HTML5--押さえておくべき10のタグ

    HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム(特に検索エンジン!)がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは「Adobe Flash」や「Microsoft Silverlight」といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。 #1:<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で

    HTML5--押さえておくべき10のタグ
  • レスポンシブWebデザインとは (1/5)

    スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。(編集部) 連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価:2,625円 (体2,500円)/形態:B5変 (232ページ) ISBN:978-4-04-886323-0 レスポンシブWebデザイン(Responsive Web Design)

    レスポンシブWebデザインとは (1/5)
  • かえラボBlog

    かえラボBlogはラナデザインアソシエイツのテクニカルチームが運営する技術系ラボプロジェクトですいよいよHTML5もメインストリームになってきたようなので、もろもろテストもかねて作ってみました。 デモはこちら テーマは「重力と音」です。 ボール(低機能なブラウザでは箱)が投げられてバウンドするだけの単純な内容ですが、 HTMLファイルと使用するサウンドファイルのみで動作しています。 jQueryなどの外部ライブラリも使用していません。(ここ重要) 重力間の表現は下記の公式を利用してます。 初速をv、経過時間をt、仰角をθ、重力加速度をg、初期座標を(x0, y0) として任意の座標を求めると x = v * t * cosθ + x0 y = v * t * sinθ - g * t * t / 2 + y0 音の再生には、HTML5のaudio要素(非対応ブラウザはembed要素)を使

  • 日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら

    HTML5について色々と調べてたときに見つけた資料いろいろです。 せっかくなのでまとめておこうかなと思って記事にしました。 「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。 日語で書かれているもののみ抜粋。 HTML5の勉強をしようと思う方や、HTML5に興味のある方は是非ご覧ください。 以下に15個のHTML5関連スライドを貼っておきますね。

    日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
  • 1