[B! html5] nitoyonのブックマーク

DevDocs

New documentations: Next.js, click

nitoyon 2013/07/13

リンク

次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた

レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Techno logy Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。では、どんな議論がされていて、今どんな状況なのか？なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb

nitoyon 2012/07/03

仕様決まるまでのゴタゴタ。ブラウザベンダーと開発者の確執。

html5

リンク

HTML5モバイルWebフレームワークの比較 - きしだのHatena

モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ

nitoyon 2012/05/18

jQTouch、jQuery Mobile、Sencha Touch、Titanium Mobile を比較。http://www.dzyngiri.com/?p=752 の和訳。

リンク

BrowserQuest

What is BrowserQuest? BrowserQuest is a multiplayer game inviting you to explore a world of adventure from your Web browser. This demo is powered by HTML5 and WebSockets, which allow for real-time gaming and apps on the Web. Learn more about the techno logy

nitoyon 2012/03/30

Little Workshop 社が作成した HTML5 の MMO。ソースも GitHub で公開されている。(参考) https://github.com/mozilla/BrowserQuest/ http://hacks.mozilla.org/2012/03/browserquest/

リンク

Mozilla が H.264 をサポートへ、webM 一本化を断念 - Engadget Japanese

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

nitoyon 2012/03/22

Firefox に H.264 が搭載されるようになった。（関連）http://d.hatena.ne.jp/teramako/20120321/p1

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

nitoyon 2012/03/07

Server-Sent Events。

リンク

IE 6, IE 7, IE 8 が退場した未来 - latest log

Internet Explorer の自動アップグレードについて | Tech Net 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after

nitoyon 2012/03/07

IE8 でできること、IE9 でできること。

リンク

HTML5は本当にFlashの代替になり得るのか？～Webテクノロジー進化論

第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料Read less

nitoyon 2012/02/24

Adobe 太田さんの Flash vs HTML5 資料。3割のIE6/7/8ユーザーを無視すればいますぐ HTML5 できる、IE9 前提で作れるのは2年後、先進国では PC はすぐにはなくならない。

html5
flash

リンク

JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方

自己紹介ども。KAYACでJS書いてる@kyo_agoです去年（2011年）はSVG Girl（SVG女子）とか、HTML5花火大会（のベースコード）とか、HTML5実力テスト（のJS問題）とか、www.kayac.comのJS書いたりとか、html5とか勉強会で話したりとかしてました。最近はスマホ環境で色々JS書いてます

nitoyon 2012/01/20

ワークフローから Android/iPhone の泥臭いところまで。

リンク

Amazing Websites for Lawyers and Law Firm | VI-Designs

Simply put, they did a great job redesigning our personal injury site. With so many attorneys, it's really hard to stand out from the rest. VI-Designs definitely achieved that. - Sherwin Arzani, a personal injury attorney in Bakersfield, CA. https://www.bakersfieldpersonalinjurylawfirm.com I am beyond impressed with my new website designed by VI-Design. I think it's the perfect combination of bein

nitoyon 2012/01/14

HTML5 でできた Photoshop シミュレーター。本物そっくりの動きをしてくれます…。

neta
html5

リンク

La Estrella OnLine - El edificio de la Biblioteca Nacional

nitoyon 2012/01/10

iPhone, Android で人気の Cut the Rope の HTML5 版。IE9 プロモーションを兼ねている。/ ブラウザでここまで動くんだなー…。

html5
ie9

リンク

HTML5 and CSS3 - Adobe - The Expressive Web - Beta

The Expressive Web is an Adobe-curated resource website for the advocacy, support, and advancement of HTML5 and CSS3 web development.Copyright © 2011 Adobe Systems incorporated. All rights reserved. Use of this website signifies your agreement to the Terms of User and Online Privacy Policy. Resources About Adobe and HTML5

nitoyon 2011/12/19

HTML5、CSS3 の機能紹介、ブラウザサポート状況、判別方法(Modernizr利用)、サンプルサイト紹介。

html5
adobe

リンク

ROXIK | Monalisa

This site is unable to render properly in your browser. For the best viewing experience, I recommend choose one from below. > Firefox > Chrome > Safari > Internet Explorer > Opera http://roxik.com/

nitoyon 2011/12/02

モナリサを引っ張る。Flash 界の偉人 Roxik の人が HTML5 に参戦。canvas でゴリゴリしていて iPhone でも動くらしい。

html5
canvas

リンク

JavaScript最新動向〜WebSocket編〜

Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...

nitoyon 2011/09/19

WebSocket について非常によくまとまった資料。

リンク

Engadget | Technology News & Reviews

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

nitoyon 2011/03/16

塊魂風 HTML5 デモ。CSS トランスフォームで HTML 要素を変形・回転したように見せかける。

html5
css

リンク

FlashのアニメーションをHTML5に変換するツール「Wallaby」をAdobeが公開 | ClockMaker Blog

FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA

nitoyon 2011/03/09

flaファイルをHTML5(jQuery、SVG、WebKit用CSS)に変換するWallabyのレビュー。Chrome、Safari、iPad に対応。「iPhone・iPadにFlashが入ってないことによる損失を補う」ことを最優先で作られたんだろうな…。

リンク

結局どうすればいいの？ - Dive Into HTML5

Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で

nitoyon 2011/02/03

狭義の HTML5 書き方。

html5

リンク

マイクロソフトが戦略変更。HTML5が唯一のクロスプラットフォーム、SilverlightはWindows Phone 7のプラットフォームに

「私たちの戦略をシフトした」と、マイクロソフトのサーバー&ツールビジネス担当プレジデントのボブ・マグリア氏が、ブログAll About Microsoftのエントリ「Microsoft: Our strategy with Silverlight has shifted」のインタビューで語っています。新たな戦略では、SilverlightはWindows Phone 7のアプリケーション開発プラットフォームとなり、HTML5がiPhoneなどモバイルも含むクロスプラットフォームに位置づけられると説明しています。 Publickeyでは以前から「iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプラットフォーム対応として残った」と、HTML5が唯一のクロスプラットフォームとなり、マイクロソフトのSilverlightやアドビスシテムズのFlashが目指し

nitoyon 2010/11/01

MSもSilverlightからHTML5へ。ボブ・マグリア氏がインタビューで認めた。PDC09ではSilverlightはIE9より時間が割かれたが、PDC10ではWindows Phone 7の説明でのみ登場。

リンク

Samy Kamkar - evercookie - virtually irrevocable persistent cookies

October 11, 2010: Reported on the front page of the New York Times Find the latest details, code, and implementations on github @ https://github.com/samyk/evercookie DESCRIPTION evercookie is a javascript API available that produces extremely persistent cookies in a browser. Its goal is to identify a client even after they've removed standard cookies, Flash cookies (Local Shared Objects or LSOs),

nitoyon 2010/09/26

消えないCookieを作り出すライブラリ。Cookie、Local Shared Object、PNGキャッシュ(canvasでRGBデータを読み出す)、Web History、ETags、userData(IE)、[Session|Local|Global|DB] Storage。全てにデータを入れて、複数個所が消えても復活してしまう。

リンク