タグ

関連タグで絞り込む (13)

タグの絞り込みを解除

html5に関するpink_revengeのブックマーク (11)

  • HTML5でクロスプラットフォーム開発を実現する4つのツール

    １．クロスプラットフォーム開発ツールに関する世界的な調査 これまで2回にわたり、スマートフォンやタブレット向けアプリケーション開発スタイルの今後を考えてみました。前回までの結論をまとめると、以下の2つになります。 ネイティブアプリからWeアプリへの移行 端末プラットフォームの拡大や、開発にかかるコストとスピードをかんがみると、「今のPCに劣らないハイスペックデバイス」「HTML5」「高速な4Gネットワーク」「パワフルなクラウドコンピューティング」といった環境が十分に整えば、スマートフォンやタブレットへのアプリケーション提供の形はネイティブベースからWebベースへと移行するのではないか。 過渡期となる現在の有効な開発スタイル ただし、それらの環境がまだ整っていないこの過渡期においては、将来のHTML5普及によるWebアプリケーション主流の姿を見据えつつ、“HTML5でコーディングしたWebア

  • HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA


    HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ‥GIFアニメーションを使う方法 おまけ‥Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
    HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA

  • YouTube - Broadcast Yourself

    お使いのブラウザは最新ですYouTube の最新機能をご利用いただけます。 Mozilla FirefoxGoogle ChromeOperaYouTube を見る概要著作権お問い合わせ利用規約プライバシーポリシーとセキュリティ© 2024 Google LLC

  • FAQ: Touch Develop Shut Down (June 2019)

    FAQ: Touch Develop Shut Down (June 2019)Microsoft retired the Touch Develop platform in June 2019. Looking for its replacement? See Microsoft MakeCode Arcade and other MakeCode editors. More informationAt Microsoft, we continually evaluate and invest in building the right tools to help every student learn the computer science skills they need to succeed in the future. We determined we needed to re

  • 3 Dreams of Black by Google Data Arts Team - Experiments with Google

    This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien

    3 Dreams of Black by Google Data Arts Team - Experiments with Google

  • Form Follows Function

    Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i

    Form Follows Function

  • ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう


    これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
    ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう

  • もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）


    [読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール﹁Hype﹂が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
    もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering


    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

  • HTML5とは何かを簡単にまとめてみた


    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blogはじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌︵@kzms2︶と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
    HTML5とは何かを簡単にまとめてみた

  • 『YouTube』の動画をHTML5で再生する方法 - ガジェット通信


    動画共有サービス﹃YouTube﹄の動画を﹃AdobeFlash﹄ではなくHTML5で再生するプチ小技を今回は紹介。今回はHTML5動画再生についてはもちろん保証外。﹃YouTube﹄側もベータと表記されているのでその旨をご理解頂きたい。 やりかたは簡単。こちらのページ︵http://www.youtube.com/html5︶にアクセスして“HTML5ベータ版を有効にする︵Join the HTML5 Beta︶”をクリックするだけ。これで﹃YouTube﹄の動画をどれでもいいので再生してみよう。するとHTML5での動画再生が始まる。場合によってはエラーが出たりするケースもある。動画によって再生できるできないがあるらしいとか。ブラウザは﹃Internet Explorer﹄ではなく﹃Safari﹄や﹃Google Chrome﹄といったブラウザで試して欲しい。どうしても﹃Interne
    『YouTube』の動画をHTML5で再生する方法 - ガジェット通信
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.