+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

ちょっと前に 「hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです」 って記事を書きましたが、実際に削除されたみたいですね （Editor's Draft では）。 ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main 要素が、HTML5 勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5 勧告候補から削除される main 要素とは？ main 要素は元々、Steve Faulkner 氏 （Web アクセシビリティ関連の方） が HTML5 の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア

Lungoはマルチデバイス対応のHTML5フレームワークです。 スマートフォン向けのサービス提供を考えた場合、Webベースとアプリベースの二つが考えられます。今回はWebでサービス提供しようと考える場合に使えるクロスデバイスフレームワーク、Lungoを紹介します。 デモアプリのUIです。 サイドメニューが出てきます。 タブバーなどのレイアウトデモ。 リスト。 右側に→をつけるのも簡単。 矢印だけでなくラベルをつけることもできます。 左側に画像を表示する形。 カラーリスト。 こちらはカラーラベルを追加したものです。 フォーム。 右側に追加メニュー。 data要素を使った表示。 ローディングもdata-loadingと指定するだけです。 各種アイコン。 水平、垂直の画像スライダー。 通知。 フローティングの確認ダイアログ。 Pull to Refresh。 画像のスライダー。 環境表示。iPh

今さら感がハンパないのと、ちょっと前の話になってしまいますが、hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです。 WG Decision on request to drop hgroup from HTML5 ： W3C Mailing lists plan on removing hgroup from spec ： W3C Mailing lists as per the chairs decision I plan to remove hgroup from the HTML5 spec. It will be made non conforming, but the implemented parsing rules and user agent CSS rules will remain (as is u

インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販

Mugen Pazdoraはパズドラのパズル部分を無限に楽しめるクローンです。 1,000万ダウンロードを突破し、ますます人気になっているパズル&ドラゴン（以下パズドラ）。そのパズドラの基本と言えるパズル部分を無限に楽しめるのがMugen Pazdoraです。 見た目はともかくシステム的にはまさにパズドラです。ボールを移動させます。 消しました。 消した分は自動的にボールが落ちてきます。連鎖を狙いましょう！ Mugen PazdoraはHTML5で作られており、マウスはもちろんスマートフォンのタップでも操作できます。パズドラとは異なり4秒制限はなく、タップし続けている限りは動かし続けられます。効率的なボール運びを学ぶための練習にぴったりではないでしょうか。 Mugen PazdoraはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されてい

filldisk.jsはHTML5のローカルストレージを使ってローカルディスクを使い果たしてしまうソフトウェアです。 HTML5ではローカルストレージを使って最大2.5MB（Chromeの場合）までのファイルを保存できるようになっています。しかしこの制限には不具合があるようです。それを擬似的に体験できるのがfilldisk.jsです。 表示すると自動で開始します。どんどん数字があがっていきます。 危ないと思ったタイミングで止めれば、今度は削除されていきますのでご安心を。 本来ローカルストレージはドメインごとに分かれているものです。そのため、サブドメインは無視されるのですが実際にはそのようになっていないようです。そのためサブドメインを切り替えつつ保存していくことでローカルドライブをどんどん浸食できます。SSDであれば、1GBを16秒程度で満たせるそうです。 filldisk.jsはJavaS

2013年2月18日、第36回のHTML5とか勉強会はサイバーエージェントさんに会場をお借りして開催しました。 今回は「2013年、Web開発の進化を探る」をテーマに、Web標準の進化、「⁠オフライン・ファースト」というコンセプトによるアプリ開発の進化、HTML5の現状における使われ方とこれからの使い方について講演いただきました。 本稿では、HTML5とか勉強会スタッフの本間がその内容についてレポートします。 勧告候補になったHTML5.0の仕様についてと、HTML5.1の始まり はじめにW3C（World Wide Web Consortium）のMichael Smithさんより、HTML5.1で追加されるAPIの中からNavigationControllerとtemplateを中心に講演いただきました。 appcache オフラインWebアプリケーション用のAPIとしてHTML5.0

1. Thought and Practice of Offline First オフライン・ファーストの 思想と実践 株式会社オープンウェブ・テクノロジー 白石俊平 2. 自己紹介 • 白石俊平と申します。 • HTML5開発者コミュニティhtml5j.org管理人（会員数5,000 名超） • HTML5とか勉強会主催（毎月一回、100名を動員） • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei • 著書：HTML5&API入門

Accès rapide: ➛ CSS3 ➛ SVG ➛ Canvas ➛ WebGL ➛ CSS shaders précédentsuivant action action = sur la plupart des slides, il se passe quelque chose quand on clique (surtout les slides 4, 9, 19, 31 et 38 :-) Quick access: --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- --self-- previous next action action = on most slides, something happens when you click (especially sl

[対象: 上級] サイトの所有者を証明するrel=”publisher”の利用をGoogleが推奨し始めたというニュースがこの記事のトピックです。 コンテンツの著者情報を検索結果に表示する機能をGoogleが導入して以来しばらくたちました。 Google（と僕w）が推進してきたせいもあり著者情報表示を自分のサイトに設定するサイト管理者も増えました。 コンテンツ作成者の“顔”を検索結果で見る機会に今は頻繁に出くわします。 著者情報を設定するにはrel=”author”を使うのが一般的です（リンクにパラメータとして付けるかまたはlink要素として設置する）。 ところが、今度はrel=”publisher”の利用をGoogleはプロモーションしてきたようです。 米国のローカル検索の第一人者であるMike Blumenthal（マイク・ブルーメンソール）氏によると、Google+ローカルページを作

A tale of two clocks Stay organized with collections Save and categorize content based on your preferences. Introduction One of the biggest challenges in building great audio and music software using the web platform is managing time. Not as in “time to write code”, but as in clock time - one of the least well-understood topics about Web Audio is how to properly work with the audio clock. The Web

video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi

[{"post":"u003Cdiv class="ResultImageBox"u003Eu003Cdiv class="ResultImage"u003Eu003Cimg src="https://imgs.u-note.me/note/uploadimage/47485654.jpg"/u003Eu003C/divu003Eu003C/divu003E","type":"memo"},{"user_id":"1031249502","event_id":"1555","enabled":"1","id":"32761","time":"2013-07-30 12:00:00","post":"u003Ch4u003Eわずか6分間の読書でストレスを大幅軽減u003C/h4u003E","order":"0","renote":"0","row":"0"},{"user_id":"103