タグ

html5に関するso1nakamuraのブックマーク (9)

  • iPhone+Androidスマートフォンサイト制作入門 (Web professional)

    発売日: 2011年02月 著者/編集: たにぐちまこと レーベル: Web professional 発行元: アスキー・メディアワークス 発売元: KADOKAWA 発行形態: 単行 ページ数: 215p ISBN: 9784048702188 内容紹介(「BOOK」データベースより) HTML5/CSS3で作るスマホ最適化の実例。「PCサイトでiPhone対応を求められた」「Androidでも見やすいサイトを作りたい」-スマートフォンサイトの基、ゼロから教えます。 目次(「BOOK」データベースより) 第1章 準備編ーサイト制作の前に知りたい基礎知識(スマートフォンサイトとは/iPhone/Androidの仕様を理解する ほか)/第2章 設計編ースマートフォンサイトの設計・デザイン(スマートフォンサイトの企画と構造設計/ワイヤーフレームによるサイトの画面設計 ほか)/第3章 制作

    iPhone+Androidスマートフォンサイト制作入門 (Web professional)
  • Sencha Presents Sencha Touch

    業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ

  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ

    この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。(今も改善を続けています。) http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ(ユーザーエージェント)にとって未知な存在の要素を生成し、認識させることができます。

  • iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net

    Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの?という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ

  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

  • HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ

    間が開いてしまいましたが、CSS Nite 4周年記念イベント(Vol.40 reprise)の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitHTML5を要素のいくつか

  • 開発者が知っておくべきIE9の新機能(1/4) - @IT

    昨年2009年11月のPDC09に続き、2010年3月のMIX10でIE9(Internet Explorer 9)の概要が紹介された。そのプレビュー版がすでにダウンロード可能になっている。 IE9(プレビュー版)のダウンロード また、IE9の機能を体験できるデモ・サイト(IE9 Test Drive)も新設されているので、IE9(プレビュー版)をインストールしたら、そのサイトも試してみるとよいだろう。 IE9デモ・サイト:IE9 Test Drive IE9の今回のリリースはプレビュー版ということもあり、ブラウザの外観や使い勝手はまだまだプロトタイプ・レベルであり、日常的に利用できるようなものではない。特にURLアドレス・バーがなく、[戻る]ボタンが搭載されておらず、しかも[Back Space]キーでも戻れないので、通常の閲覧作業でも困ることが多い。 このような状況なので、ベータ版のレ

    so1nakamura
    so1nakamura 2010/04/20
    詳しい解説。流し読み
  • HTML5に関わらないと日本企業は世界から遅れる (1/2) - @IT

    HTML5が拓く新しいWeb(5. W3C編) HTML5に関わらないと 日企業は世界から遅れる 新野淳一 Publickey 2010/4/6 HTML5について日語で議論する「HTML5 JAIG」メンバーに、そもそもHTML5の仕様はどのように決められているのかを聞いた 日語でHTML5についての議論を行うW3Cのグループ HTML5の仕様は現在、W3C(World Wide Web Consortium)のHTML Working Group(以下、HTML WG)を中心に策定が進められています。HTML WGのHTML5に関する議論は、メーリングリストに入ることで誰でも参加可能ですが、英語でのコミュニケーションであり、また仕様策定に関する内容が中心であることなどから、日人で参加している人はそれほど多くありません。 そこで、日語でHTML5についての議論を行うことを目的に

    so1nakamura
    so1nakamura 2010/04/08
    ヤバイ!これ読んで遅れないようにしなくちゃ!
  • 1