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
Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
Canvas Tutorial - Introduction
Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the <canvas> element. In order to use this tutorial, you'll need a browser that supports the <canvas> element. Before you read any further, click on the "run code" button on the left to play the game that we'll end up creating. On every page, you'll be able to click the "run co
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
HTML5 for IA
XAML と C# を使った Windows ストアアプリ（LOB）構築のためのtips Prism 4.5 & Kona project 等のご紹介Shotaro Suzuki
code.9leap.net
Let's start learning HTML5 + JavaScript with code9leap and enchant.js! Learning programming with fun! Let's make your own game with HTML5! With powerful game engine "enchant.js", you can build up your game in 9 minutes! If you are new to HTML5, don't worry about that. Start up your project with modifying sample code. Integrated Develpment/Learning Environment on Web Code9leap includes "CodeMi
HTML5 Tutorial: How to Build a Single Product Page
In this post, we are going to work on a fictional project, creating a single product page to offer iPhone 4S, and in this project we are also going to implement the methods that we have discussed in the previous posts; the <details> element and the negation selector. Let’s get started. The HTML5 Markup First, we need to create an html document with the following markup: <div class="product"> <head
HTML＋JavaScriptだけでブラウザに図形描画 - Canvas API -
TIPS 007：キャンバスを準備する Canvas APIを利用するには、まず図形の描画先（＝キャンバス）を準備しておく必要があります。 ［リスト1］キャンバスを準備するコード（canvas.html） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <!--キャンバスの背景色／枠線を指定（3）--> <style> #cv { background-color: #FFF; border: 1px solid black; } </style> <script> ...中略... </script> </head> <body> <!--キャンバスの準備（1）--> <canvas id="cv" width="400" height="300"> <!--Canvas機能
HTML5でオフラインWebアプリケーションを作ろう
You take a React course and you learn the fundamentals. You can build simple applications and know how things work. You start building your first larger project and questions pop up. How do I structure my project? Where do I put this component? How do I make it more reusable? What styling tool to use? There are many resources that can teach you the little pieces. No one tells you how to put them t
初めてHTML5でコーディングする時のまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、はやちです。 今回は初めてHTML5を触る人のために色々とまとめてみました。 新要素のタグなどご紹介します。 まずはじめに <!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <!--IEなど対応していないブラウザへの対応▼--> <!--[if lte IE 9]> <script src="js/html5.js" type="text/javascript"></script> <![endif]--> <title>初めてHTML5でコーディングする時のまとめ</title> <link href="css/html5reset-1.6.1.css" rel="stylesheet" type="text/css" media="all" /> </head> HTML5特有の
有名な５つのJavascriptフレームワーク ≫ 【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載！！来週のセミナーに向け、絶賛準備中の新井です。 前回はGoogle Mapとの連携の方法を紹介しました。 今回はJavascriptフレームワークの紹介をしちゃいます。 いわゆるMVCとかMVVM（モデル、ビュー、ビューモデル）とかそういうやつですね。 PHPで言うCakePHPやSymfony、RubyだとRuby on Railsとか有名ですね。あれです。 サーバサイドの開発だと割りと当たり前に使われているフレームワークでも、Javascriptの開発だとまだまだ使っている人は少ないんじゃないでしょうか まだ触ったことない人はこれを機に一度挑戦してみてください！
HTML5で作られたゲームボーイエミュレータ「JS GameBoy Color Game Center」の完成度が高すぎる！ - Chrome Life
HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる！ レベルにまでなりました。 それでは早速、Chromeで「JS GameBoy Color Game Center」にアクセスしてみましょう。 エミュレーターの画面がブラウザに表示されるので、Select A GameでゲームのROMを選択します。 これでROMの読み込みが終わると、ゲームが開始されます。 キー操作の反応も良く、想像以上になめらかに動きます。 サウンドも流れるのですが、ゲームによっては音が割れていたり鳴らないものもあるので、サウンド部分のエミュ
HTML5特設サイト - Catch on HTML5
HTML5の活用を考えてる人達に向けて、制作会社・開発会社の立場からHTML5の現状・できることできないこと・そして今後について・「ざっくりわかる最新情報」をまとめてみました。以上8つのテクノロジーを基礎に、HTMLのセマンティックな構造化をすすめwebアプリケーションを拡張する各技術の仕様を標準化することでブラウザやデバイスの違いに関わらず扱えるようにする。 webのアプリケーションプラットフォーム化 これがHTML5の最終目標です。 HTML5はプラットフォームでありカバーする範囲が広いため既にサイトやサービスを運営されている方々には現行サービスへの適用方法や現実的な運用イメージがつきにくい方も多いかも知れません。しかし、webのHTML5化は確実に進んできており現行のサービスへも影響を与え始めています。 [グーグルが数ヶ月以内にセマンティック検索を導入] Google Gives S
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
Canvas勉強会
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp
html5-memo.com
