タグ

HTML5に関するgonta02のブックマーク (19)

  • DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp

    スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTMLCSSJavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな

    gonta02
    gonta02 2011/01/21
    DeNAが明かすHTML5でのソーシャルゲームの作り方
  • YouTube人気急上昇

    【ゆっくり解説】とんでもない写真が流出し人生終了か?歌舞伎役者と俳優両方で活躍している彼の裏の顔がヤバすぎる…

    YouTube人気急上昇
    gonta02
    gonta02 2011/01/19
    日本語で学べるHTML5関連資料15個まとめ
  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

    gonta02
    gonta02 2010/12/27
    HTML5で進化したフォーム機能
  • 今年ありがとうを言いたい「html5の本」5+1選

    連載企画「今年ありがとうを言いたい○○」 2010年も残り僅かとなりましたが、いかがお過ごしでしょうか。 デザイナーズブログでは今年を振り返って、 それぞれが「ありがとうを言いたいもの」を紹介する連載企画をはじめます。 第一弾は「今年ありがとうと言いたい『html5の』」です。 それでは続きからどうぞ! 徹底解説HTML5マークアップガイドブック タグが一つ一つ解説されています。 html5を勉強するならまず最初に読んでおくべき。 常に手元に置いておきたい1冊です。 HTML5&API入門 html5で何ができるようになったのかが広くまとめられています。 Google API Expertが解説するHTML5ガイドブック HTML5のAPIについての詳細な解説。 応用的な使い方も。 2冊目、3冊目に読んでおきたいです。 HTML5+CSS3で作る 魅せるiPhoneサイト 最近発売され

    gonta02
    gonta02 2010/12/21
    今年ありがとうを言いたい「html5の本」5+1選
  • HTML5でつまずきやすいasideとsectionの使い方

    HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします! 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を

    gonta02
    gonta02 2010/12/21
    HTML5でつまずきやすいasideとsectionの使い方
  • 前から気になってたHTML5について色々調べてみました - もとまか日記

    先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日語訳) 必要に応じてみればいいので、細かくは見てません。 基礎知識概要が理解出来

    gonta02
    gonta02 2010/12/17
    前から気になってたHTML5について色々調べてみました
  • HTML5とCSS3を使ってスマートフォン向けサイトを構築 - iPhone版Yahoo!JAPANトップの開発事例紹介

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    gonta02
    gonta02 2010/12/16
    HTML5とCSS3を使ってスマートフォン向けサイトを構築
  • ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs

    HTML5/CSS3で作成した、ちょっと使ってみたくなるようなUIエレメントがダウンロードできるサイトを紹介します。 Boxtuffs [ad#ad-2] 掲載されている数はまだ少ないですが、どれもユニークなもので、いつかサイトで使ってみたくなるようなものばかりです。 下記に、現在掲載されているデモを全部、紹介します。 各デモのダウンロードや対応ブラウザは各ページに記載されています。

    gonta02
    gonta02 2010/12/07
    ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集
  • ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」

    TOP  >  WebDesign  >  ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」 開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。 Design & Code a Cool iPhone App Website in HTML5 レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられて

    ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」
    gonta02
    gonta02 2010/12/02
    ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」
  • デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT

    デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(1/4 ページ) ※稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは? 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか? これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5+CSS3に対応するWebブラウザが増えてきたことで、HTML5

    デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT
    gonta02
    gonta02 2010/09/28
    デザイナは要注目! 明日から語れるHTML5&CSS3
  • HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)

    スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。

    HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
    gonta02
    gonta02 2010/09/21
    HTML5/CSS3で作るスマートフォンサイトの基本
  • jQueryとCSS3、HTML5でここまで出来るホバーインタフェース:phpspot開発日誌

    WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQueryで様々なことが出来るようになっているのはご存知だと思うのですが、更にCSS3とHTML5も組み合わせるともっとすごいよ、という1つのデモです。 まだまだインタフェースは進化するのだな、という可能性を感じるものになっているので一回見ておいたらよいかも。 WanderWallのデモ とにかく実際にHTML5対応のブラウザで見てみもらうのが一番分かりやすいです 上のメニューにカーソルを合わせると画面がアニメーションしながらクールに切り替わります。 HTML5ブラウザがデフォルトになり、こうした技

    gonta02
    gonta02 2010/08/31
    jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
  • Webの3つの問題を解決する「HTML5」とは何なのか

    最近よく目にする「HTML5」という言葉。JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします どっからどこまでが「HTML5」なの? 最近、「HTML5」という単語を目にする機会が驚くほど増えました。ニュースやブログで取り上げられない日はほとんどありませんし、筆者が主催している勉強会を含め、開発者同士の勉強会でもHTML5がテーマになることが少なくありません。 しかし一方で、「『HTML5』といわれているものは範囲が広すぎて、とても学ぶ時間がとれない」という声もよく聞きます。それもそのはず、HTML5は現在世界でも最もホットなテーマといってもよく、世界中の名だたる開発者や企業が日々仕様を提案したり、改善

    Webの3つの問題を解決する「HTML5」とは何なのか
    gonta02
    gonta02 2010/08/30
    Webの3つの問題を解決する「HTML5」とは何なのか
  • HTML5のインタラクションやビジュアルエフェクトを体感できる -HAKIM.SE

    「HAKIM.SE」は、HTML5のインタラクション、ビジュアルエフェクト、テクノロジーの検証を行っているサイトです。 現在は9つのデモが公開されており、どれも興味深く面白いものとなっています。それぞれの操作方法を含め、簡単に紹介します。

    gonta02
    gonta02 2010/08/26
    HTML5のインタラクションやビジュアルエフェクトを体感できる
  • 【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル

    Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて

    gonta02
    gonta02 2010/08/23
    HTML5の機能を知るための15のデモンストレーション
  • HTML5ことはじめ | Another Step.com

    制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。 勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しいブラウザは段階的に対応していくと予想されるし、JSを使えばIEもカバーできるので、現状利用することも可能でしょう。 メリット・デメリットについては賛否両論?あるでしょうが… ※このサイト自体もHTML5で組んでいますが、HTML5、WordPressともに未熟なため、制御できず正しく組めていない箇所があります。 また下記内容についても間違っている可能性があるので、その場合は指摘していた

    gonta02
    gonta02 2010/08/23
    HTML5ことはじめ
  • 続HTML5についてのおさらい

    Updated 2013.09.05 / Published 2010.08.19 HTML5についてのおさらい続編です。前回の内容を受けて読者の方から質問があったことに対する回答のまとめであったり、前回紹介しきれなかったセクション関連の新要素として見出しをグループ化するhgroup要素による効果、およびheader, footer要素を用いたセクションといった前回から一歩踏み込んだ内容をまとめました。 前回のHTML5についてのおさらいの前提を含みます。先に参照しておくとより理解が進むかと思います。また、今回取り上げている要素はコンテンツ・モデルも関係してくるのでこの点も抑えておく必要があります。 hgroup要素 - 見出しのグループ化 hgroup要素は、HTML5の勧告候補から除外されました。各ブラウザは互換性のためにhgroup要素のサポートをいますぐやめるわけではありません。h

    続HTML5についてのおさらい
    gonta02
    gonta02 2010/08/19
    続HTML5についてのおさらい
  • iPhone用サイトのフォームにはHTML5の属性を使おう - NullPointer's

    ガラケーからiPhone4に乗り換えました。おサイフケータイ等のガラパゴス機能は使っていなかったのでiPhoneになって不便を感じることもなく、iPhoneの便利さだけを享受しています。東京にいる限りはソフトバンクの電波で困ることもないですしね。 ところでiPhone4のSafariはHTML5で追加されたinputの新しいtype属性値に対応しています。キーボードのレイアウトが属性にあった形に変更され、入力しやすくなります。また属性に合わない値の入力が制限されます。 https://nullpon.moe/dev/sample/form.html type="email"では @ と . のキーが追加されます。 type="url"では . と / と .com が追加されます。 type="number"では数字キーボードになります。ただし数字以外も入力可能でした。 type="tel

    iPhone用サイトのフォームにはHTML5の属性を使おう - NullPointer's
    gonta02
    gonta02 2010/08/17
    iPhone用サイトのフォームにはHTML5の属性を使おう
  • http://mtw.cocotte.jp/blog/diary/html/2010/04/26-2241.php

    Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /home/users/1/cocotte.jp-mtw/web/cms/wp-content/plugins/rvg-optimize-database/rvg-optimize-database.php on line 23 404 Not Found ??????????????????? ?????? URL ? https://mtw.cocotte.jp/blog/diary/html/2010/04/26-2241.php ?????????????????????????????

    gonta02
    gonta02 2010/08/12
    HTML5 + CSS3(第一回:HTML5はこんな事が出来ます!)
  • 1