タグ

html5に関するHashのブックマーク (40)

  • HTML5 の placeholder 属性を jQuery でクロスブラウザに

    2011-09-23更新: 一部を修正して Gist に置きました。 フォームの入力フィールドにあらかじめテキストを表示させておく「プレースホルダ」。ブラウザの検索バーなんかに見られるような、フィールドが空のときは薄く文字が表示されていて、フォーカスすると消えるあれです。このプレースホルダの機能、HTML5 では input 要素や textarea 要素の placeholder 属性で簡単に実現できます。 <label>お名前 <input type="text" name="fn" placeholder="山田 太郎"></label> しかしながら、この placeholder 属性をサポートしているのは今のところ Safari と Chrome のみ。そのほかのブラウザでは無視されてしまいます。そこで、この placeholder 属性をクロスブラウザで扱えるようにする jQu

    HTML5 の placeholder 属性を jQuery でクロスブラウザに
    Hash
    Hash 2011/07/04
    おお、これを使えばplaceholderで入力例を実装出来そう
  • walrus-books.com - このウェブサイトは販売用です! - walrus books リソースおよび情報

    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.

  • FlashLiteなコンテンツをHTML5に移植してスマートフォンでも見れるようにした

    太平洋高気圧はもうちょっと手加減してくれてもいいかな、って思うんですけど、やっぱり農作物なんかにはこの気温が必要なんでしょうか。 osuga-hです。 ガラケーWEBでリッチコンテンツの要FlashLite。これまでソーシャルゲームではFlashLiteがゲーム演出の要でした。 ところが時代はスマートフォン。各社ソーシャルゲームプラットフォームが一勢にスマートフォン用プラットフォームを公開してからそこそこ時間も経過しました。 そこにプラットフォームがあるならゲームを出さねばなるまい!!! そんなわけでこそこそFlashLiteコンテンツをHTMLやらJSやらCSSに移植していたのですが、コレがもう全くノウハウにならない感覚作業のオンパレードで他人に伝承できない。 なんとかならんのか?! そこで取り合えず既存のFlashLiteコンテンツをスマートフォン用にHTML5対応したときのログを

    Hash
    Hash 2011/06/12
    Flash、だいぶ風向きが悪くなって来ましたね。
  • 2130703450443574201?keyword=HTML5

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    2130703450443574201?keyword=HTML5
    Hash
    Hash 2011/06/09
  • 6 Free E-Books and Tutorials on HTML5

    When you buy through affiliate links in our content, we may earn a commission at no extra cost to you. Learn how our funding model works. By using this website you agree to our terms and conditions and privacy policy. We uphold a strict editorial policy that focuses on factual accuracy, relevance, and impartiality. Our content, created by leading industry experts, is meticulously reviewed by a tea

    Hash
    Hash 2011/06/06
    HTML5の習得に
  • 実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins

    レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkins [ad#ad-2] Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で実装された実用的なさまざまなエレメントが揃っています。 下記に、ダウンロードファイルに含まれているサンプルからいくつか紹介します。

  • 第1回 WebSocket登場までの歴史 | gihyo.jp

    はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「⁠WebSockets⁠」⁠、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S

    第1回 WebSocket登場までの歴史 | gihyo.jp
  • Chrome Experiments

    Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.

    Chrome Experiments
    Hash
    Hash 2011/02/18
    HTML5でこれだけの表現ができる、というWebアプリケーションを集めたサイト
  • アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換

    アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換 アドビシステムズは3月10日に始めた新しいブログ「Design and Web」の中で、FlashをHTML5のCanvas要素で置き換える「Smart Paste」のデモ動画を公開しました。この機能は現在開発中のDreamweaver CS5のプロトタイプ機能とのことです。 (追記3/18:上記ブログの1つ目のエントリ「Design & Web」に、紹介する機能は「It won't be in the next version of CS.」であるとの記述がありましたので、「Dreamweaver CS5」の部分を削除させていただきます。すいませんでした)。 FlashのファイルをJavaScriptでレンダリング、Canvasへ描画 11日付けで公開されたエントリ「Canvas fo

    アドビ、FlashをHTML5のCanvasへ変換するプロトタイプ機能を明らかに。アニメーションも変換
    Hash
    Hash 2010/07/26
    Adobeの開発する機能。まだプロトタイプ
  • 「なぜAppleはiPadにFlashを載せるべきではない」のか

    気がついた人も多いと思うが、iPadのアナウンスメントであっさりと無視されたのがAdobeのFlash。私は意図的(=「Flashなんか重要じゃない」というメッセージ)と読んだが、皆さんはどうだろうか。 iPhoneがFlashをサポートしていないことに対するAdobeを含めたさまざまな方面からの批判を考えれば、「the best way to experience the web (最高のウェブ環境)」を売り文句のiPadが、これだけ広く使われているFlashをサポートしないというのはおかしな話だ。 不思議に思う人も多いかもしれないが、自分をAppleの経営陣の立場に置いて良く考えてみれば答えは明確になる。 Appleという会社は、昔からさまざまなクリエーターたち(アーティスト、ミュージシャン、ウェブ・デザイナー、etc.)を魅力的で便利なパソコンやツールで味方につけ、彼らの作品を消費者

    Hash
    Hash 2010/07/26
    業界構造というかAppleの立場
  • ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29

    アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl

    ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
    Hash
    Hash 2010/07/26
    図がいい
  • グーグルが賭けるHTML 5の未来 - @IT

    2009/05/28 「決してWebをあなどってはいけない」(Never underestimate the Web)。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo

    Hash
    Hash 2010/07/26
    去年の奴。
  • Engadget | Technology News & Reviews

    Google faces its first AI Overviews lawsuit from a major US publisherThe lawsuit from Penske Media claims that Google's AI Overviews reduce its sites' traffic and revenue.

    Engadget | Technology News & Reviews
  • Akihabara

    Credits for music artists are on staff rolls of each games and here. Feel brave? So you're ready for the Dark side of Akihabara with experimental material! Uh-uh-uh! HTML5 is my Arcade. Akihabara is a major Tokyo shopping area for electronic, computer, anime, and otaku goods. You can find any sort of old & new videogames, starting from the 8-bit era to modern motion-sensing videogames. But is also

    Hash
    Hash 2010/07/26
    ここまでできるか。
  • [速報]Google I/Oで発表された4つのポイント:VP8オープンソース化/Chrome Web Store/VMwareとの協業/Google App Engine for Business

    [速報]Google I/Oで発表された4つのポイント:VP8オープンソース化/Chrome Web Store/VMwareとの協業/Google App Engine for Business グーグルは5月19日(現地時間)、米サンフランシスコで開発者向けのイベント「Google I/O」を開催。HTML5を中心としたオープンスタンダードをベースとしたアプリケーションの格展開と、同社のクラウドをエンタープライズ向けのプラットフォームとするための発表を行いました。1日目の基調講演では次の要旨が語られました。 HTML5が格的な普及の時期にさしかかろうとしている 動画コーデックのVP8をオープンソース化する Webアプリケーションのマーケットを展開する VMwareと協業し、Javaアプリケーションのクラウドポータビリティを実現する ビジネス向けGoogle App Engineを展

    [速報]Google I/Oで発表された4つのポイント:VP8オープンソース化/Chrome Web Store/VMwareとの協業/Google App Engine for Business
  • 【レビュー】HTML5でiPhone用ウィジェットを作る・動かす――それなら『WidgetPad』で | ネット | マイコミジャーナル

    HTML5を利用してみたいなら 2009年の後半になってHTML5の話題が各所で見られるようになってきた。2010年9月には最終版も出ると言われており、10年以上使われてきたHTML4に、現在の主流に合わせたAPIの強化や要素の追加を行っている。Firefox/ Safari/ Google Chrome/ OperaといったWebブラウザはHTML5への対応を強化しており、すでに多数の新機能が利用できるようになっている。 多数のiPHone向けWebアプリが登録されているのですぐに試せる 今後盛り上がっていくことが期待されるHTML5。しかし、現時点で実際に利用することを考えると、デスクトップPCの場合、多様なWebブラウザが存在し、実装も異なるところが問題になる。その点、スマートフォンであれば機種もWebブラウザも限定されてくる。稿で紹介する『WidgetPad』は、iPhone向け

    Hash
    Hash 2010/07/26
  • W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP

    一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日語訳は、私が理解を深めるために、自分なりに日語化したものです。語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL:http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル:HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日:2011/05/26 最終更新日:2011/05/26

    Hash
    Hash 2010/07/26
    決まり事あれこれと、要素/属性の追加と削除、APIの解説。
  • Flashは比べようもないほどHTML5より優れている

    アドビシステムズはFlashコンテンツのスマートフォン展開など,格的にFlashの多デバイスへの対応を強化しつつある。次期バージョンであるFlash CS5の発表を2010年に控え,米アドビシステムズ社でFlashのプロダクトマネージャーを務めるリチャード・ガルバン氏に,スマートフォンとFlashという“ビッグカップル”の将来について聞いた。(聞き手は矢野りん=ライター) 次期Flash制作ツールのAdobe Flash Professional CS5(以下Flash CS5)でiPhone用ネイティブ・アプリケーションを作成できるという話題が先行していますね。今回インタビュー用にご用意いただいたレジュメにこの話題が含まれていないのですが,なぜですか? 我々は特定のデバイスにFlashという技術が対応するのだと思われるのは避けたいと考えています。特定のデバイスへネイティブ対応することを

    Flashは比べようもないほどHTML5より優れている
  • 従来の HTML との文法の差違 - HTML5 - Wikipedia

    HTML5(エイチティーエムエル・ファイブ)は、World Wide Web Consortium(W3C)がかつて策定していたHyperText Markup Languageの5回目に当たる大幅な改定版であり、2021年1月28日に廃止された。 現在はHTML Living Standard(英語版)によって置き換えられている[1]。 Web Hypertext Application Technology Working Group(WHATWG)によって2004年に定められたWeb Applications 1.0にWeb Forms 2.0を取り入れたものをベースとしている。W3Cの専門委員会により2008年1月22日にドラフト(草案)が発表され、2014年10月28日に HTML5 が勧告され[2]、2016年11月1日に HTML 5.1 が[3]、2017年12月14日に

    従来の HTML との文法の差違 - HTML5 - Wikipedia
    Hash
    Hash 2010/06/04
    nav, footer, sectionなどの要素が追加。
  • Redirecting...

    Redirecting... If you are not redirected automatically, click here.

    Hash
    Hash 2010/06/04
    FlashをHTML5とJavascriptに変換する。すげーな、てかswfって解析できるのか...