Web Storage Support Test
Web Storage Support Test This page will test whether your browser supports localStorage, sessionStorage or globalStorage. The tests will also determine if there is a storage limit for any storage system that is supported. Run Web Storage Tests These tests may take several minutes to run. There may be periods when the tests seem frozen (especially in Firefox); they're not. Your browser may pause th
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HTML5 Conference 2013に行ってきたので全体の感想と面白かったセッションの情報を公開します - tech.o2p.jp
去年に引き続き、HTML5 Conference 2013に行ってきました。運営に携わった皆様お疲れさまでした。 HTML5カンファレンスに参加したってあなた! スタッフに感謝!と思うあなた! 参加報告ブログを書いて下さい! 意外かもしれませんが、参加報告エントリーってスタッフの気力・やる気に凄く影響するんですよ! #html5j— You Kinjoh (@youkinjoh) 2013, 11月 30 ということなので、全体の感想とセッションの感想・アウトラインメモを公開します。 目次 全体の感想 面白かったセッションの感想とアウトラインメモ ようこそ、HTML5裏APIの世界へ 実践的なモバイルHTML5テクニック 全体の感想 今回良かったところを挙げると以下の3つかなと思います。 ネットワーク環境の改善 食べるところが少なすぎるのを補うおにぎりやドーナツ類、そしてレッドブルの提供
HTML5でリメイクされたスーパーマリオ「Full Screen Mario」が凄い！MAPも作れるよ！ | Qlay
HTML5でリメイクされたスーパーマリオ「Full Screen Mario」が凄い！MAPも作れるよ！ by Qlay · 2013年10月15日 HTML5でリメイクされたFC版スーパーマリオ「Full Screen Mario」が凄い。 操作はPCの十字キーで方向、スペースキーでジャンプ、Shiftキーでファイヤー、Shift+十字キーでダッシュとなっている。 リメイクされた部分 見た目はほぼオリジナルと同じだが、いくつかリメイクされている部分があるのでご紹介したい。 レベルエディタ 1つ目は「レベルエディタ」という機能で簡単に言うと「自由にMAPを作る」機能でセーブすることも可能。 砲台やジャンプ台、床に穴を空けたり敵を配置したりと自由自在、これは楽しい。 ステージセレクト 2つ目はステージセレクト、これは読んで字の如くステージを選んで遊べる機能です、これも嬉しい。 オープンソース
ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」
イメージファイルをアップロードする機会は、様々なコミュニケーションサービスが展開されている現在、どんどんと増えていると思いますが、ファイルをローカルから選択してアップロードするというのは直感的ではなく、リテラシーが低い層には障壁にもなりえます。今日紹介するのはそんなファイルのアップロードを簡単にしてくれる、ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」です。 こちらは、予め決められた領域にドロップするだけでイメージをアップロードすることができます。またドロップ後にプレビューを出して確認その後、アップロードするという流で誤ってアップロードするということも未然に防げる仕組みになっています。 詳しくは以下 こちらの仕組みはjQueryで制作されており、ソースファイルをダウンロードすることもできます。実際の動作デモは「File Upload!」からご
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
これは面白い。WebSocketを使ったWebベースのターミナル·ws-io MOONGIFT
ws-ioはWebSocketとI/Oを組み合わせることでWebベースのターミナルを実現する。 ws-ioはRuby製のオープンソース・ソフトウェア。HTML5で新しく登場した機能は幾つもあるが、その中でも特殊な位置にあるのがWebSocketではないだろうか（仕様からは切り離されているが）。これまでになかったソケット通信をどう活かすかが問題だ。 Web上でirb そのため、出ているものもチャットくらいがメインで、まだまだ模索している段階だ。そのような時期にはとにかく色々なものを作り、その中で最もマッチしていると思われるものを見極めなければならない。今回はその一つ、ws-ioを紹介しよう。 ws-ioはWebSocketとサーバのI/Oをつなげてしまうソフトウェアだ。例えばShellとつなげてしまうことで、Webブラウザ上にターミナルが立ち上がると言った具合だ。WebSocketで繋がって
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
Ext Japan - Ext JS / Ext GWTのライセンス・サポート・研修・コンサルティング
JavaScriptやCSSの基礎からカスタムコンポーネントやCSSテーマの作成まで、Ext Japanのメンバーによる実践的なトレーニングで、開発チームが革新的なウェブUIを作成するための方法を一斉に習得できます。(2008年10月サービス開始予定) Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます The Ajax Experience 2008でExt JSが紹介されます (英文) July 23, 2008 Jack Slocumと私は、2人の開発者による注目のセッションに参加します。今月末に開催されるThe Aja
Docs | Sencha Documentation
Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an alias (or xtype if the class extends Ext.Component). The alias/xtype is listed next to the class name of applicable classes for quick reference. Access Levels Framework classes or their members may be specified as private or protec
Google Font Directory
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers. View font details to get the code needed to embed the font on your web site. Please also visit our quick start guide and FAQ page. For more help and suggestions, use our moderator page
TwitterのChirpUserStreamsをWebSocketで垂れ流す - 準二級.jp
Twitter の ChirpUserStreams を WebSocket で垂れ流して閲覧できるアプリを作りました！WebSocket 対応ブラウザ(Chrome 等)でお楽しみください！WebSocket すごい！ユーザ体験が変わる！ ChirpUserStreams => WebSocket ボク @june29 と @kei_s から見た世界を体験できるようにしてあります。ChirpUserStreams については、以前にエントリを書きました。 TwitterのChirpUserStreamsをごくごくしてみた 本家の API がベータ版であり、まだまだ不安定なので、たまにスクリプトの再起動をかけたりしながら動かしています。見てみたいけど「なんにも表示されないよ？」って方がいたら、@june29 や @kei_s に話しかけてみてください。対応できるかもしれません。 User
【レポート】Safariのタマゴ「WebKit」でWebGLの3D描画を試す (1) WebKit - キーワードは「HTML5」 | パソコン | マイコミジャーナル
WebGLは、3Dグラフィックスを活用したWebアプリの実現を目指し制定された、OpenGL準拠のAPIセット。OpenGL関連であることからうかがえるように、各種グラフィックス技術の標準化を進める団体Khronosグループが仕様の策定を進めている。今回、Safariなど多数のWebブラウザに採用されているHTMLレンダリングエンジン「WebKit」が、WebGL実装を含む開発者向けテスト版の配布を開始したことを受け、どのように表示されるかなどエンドユーザからの目線でテストを実施した。 OpenGLベースの3Dグラフィックスがブラウザ上で、しかもプラグインなしに動作する「WebGL」 What's WebGL? WebGLの特徴を語るとき、キーワードとなるのが「HTML5」。次世代のHTML規格としてW3Cが策定を進めるHTML5は、標準の機能としてマルチメディア再生に対応、audio /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTTP/2の現状とこれから
HTML5の可能性を示唆してくれる『HTML5 WOW!』は必見ではなかろうか | 100SHIKI