rel=canonical 属性に関する 5 つのよくある間違い
+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
HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除
ちょっと前に 「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 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア
サイドメニューにも対応した多機能マルチデバイスHTML5フレームワーク·Lungo MOONGIFT
Lungoはマルチデバイス対応のHTML5フレームワークです。 スマートフォン向けのサービス提供を考えた場合、Webベースとアプリベースの二つが考えられます。今回はWebでサービス提供しようと考える場合に使えるクロスデバイスフレームワーク、Lungoを紹介します。 デモアプリのUIです。 サイドメニューが出てきます。 タブバーなどのレイアウトデモ。 リスト。 右側に→をつけるのも簡単。 矢印だけでなくラベルをつけることもできます。 左側に画像を表示する形。 カラーリスト。 こちらはカラーラベルを追加したものです。 フォーム。 右側に追加メニュー。 data要素を使った表示。 ローディングもdata-loadingと指定するだけです。 各種アイコン。 水平、垂直の画像スライダー。 通知。 フローティングの確認ダイアログ。 Pull to Refresh。 画像のスライダー。 環境表示。iPh
hgroup 要素が HTML5 勧告候補から削除される
今さら感がハンパないのと、ちょっと前の話になってしまいますが、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などクロスプラットフォーム対応
インテル、無償の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 MOONGIFT
Mugen Pazdoraはパズドラのパズル部分を無限に楽しめるクローンです。 1,000万ダウンロードを突破し、ますます人気になっているパズル&ドラゴン（以下パズドラ）。そのパズドラの基本と言えるパズル部分を無限に楽しめるのがMugen Pazdoraです。 見た目はともかくシステム的にはまさにパズドラです。ボールを移動させます。 消しました。 消した分は自動的にボールが落ちてきます。連鎖を狙いましょう！ Mugen PazdoraはHTML5で作られており、マウスはもちろんスマートフォンのタップでも操作できます。パズドラとは異なり4秒制限はなく、タップし続けている限りは動かし続けられます。効率的なボール運びを学ぶための練習にぴったりではないでしょうか。 Mugen PazdoraはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されてい
ローカルストレージAPIの穴をついてディスクをいっぱいに·filldisk.js MOONGIFT
filldisk.jsはHTML5のローカルストレージを使ってローカルディスクを使い果たしてしまうソフトウェアです。 HTML5ではローカルストレージを使って最大2.5MB（Chromeの場合）までのファイルを保存できるようになっています。しかしこの制限には不具合があるようです。それを擬似的に体験できるのがfilldisk.jsです。 表示すると自動で開始します。どんどん数字があがっていきます。 危ないと思ったタイミングで止めれば、今度は削除されていきますのでご安心を。 本来ローカルストレージはドメインごとに分かれているものです。そのため、サブドメインは無視されるのですが実際にはそのようになっていないようです。そのためサブドメインを切り替えつつ保存していくことでローカルドライブをどんどん浸食できます。SSDであれば、1GBを16秒程度で満たせるそうです。 filldisk.jsはJavaS
HTML5 の Web ストレージ API に HDD の空き容量を簡単に埋められるバグ | スラド IT
スタンフォード大コンピューターサイエンス学科の学生である Feross Aboukhadijeh 氏は、Chrome、Safari、Opera の各ブラウザに共通する深刻なバグを発見した。これを悪用すれば、トラップを仕掛けられた Web ページをクリックするだけで、HDD などのローカルストレージが満杯にされてしまうらしい (Feross.org の記事、Chrome の Issues、本家 /. 記事より) 。 説明によれば HTML5 には、5 ～ 10 MB のデータを保存するための Web ストレージのための API が用意されているという。規定ではこの API を使用するとき、ブラウザ側で書き込み可能なデータの総量を制限するよう指定されており、Google Chrome では 1 ドメインあたり 2.5 MB、Firefox や Opera では 5 MB、Internet Ex
「第36回 HTML5とか勉強会 ～2013年、Web開発の進化を探る」活動報告 | gihyo.jp
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
オフラインファーストの思想と実践
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like databaseyoshikawa_t
Animate your HTML5
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
Google、rel=authorの次はrel=publisherをプロモーションか？
[対象: 上級] サイトの所有者を証明するrel=”publisher”の利用をGoogleが推奨し始めたというニュースがこの記事のトピックです。 コンテンツの著者情報を検索結果に表示する機能をGoogleが導入して以来しばらくたちました。 Google（と僕w）が推進してきたせいもあり著者情報表示を自分のサイトに設定するサイト管理者も増えました。 コンテンツ作成者の“顔”を検索結果で見る機会に今は頻繁に出くわします。 著者情報を設定するにはrel=”author”を使うのが一般的です（リンクにパラメータとして付けるかまたはlink要素として設置する）。 ところが、今度はrel=”publisher”の利用をGoogleはプロモーションしてきたようです。 米国のローカル検索の第一人者であるMike Blumenthal（マイク・ブルーメンソール）氏によると、Google+ローカルページを作
25 Interactive HTML5 Websites | Web Design Fact
Few years ago, there were lots of cool and interactive websites that were built with Flash. They would often feature full screen layouts, animated elements and futuristic interfaces that made HTML websites look plain and tedious. Yet unfortunately Flash comes with several problems such as high processor load or loading time, but these days these problems have overcome with HTML5, CSS3 and JavaScri
2 つの時計のお話 - Web Audio の正確なスケジューリングについて
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
Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
【6分でストレスが3分の2以上軽減】読書が持つ驚くべき効果、アルツハイマー予防やビジネスシーンにも - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
[{"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
![【6分でストレスが3分の2以上軽減】読書が持つ驚くべき効果、アルツハイマー予防やビジネスシーンにも - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/8943523454642d2eba2cd25be1d8b47437f967c0/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47485654.jpg)
HTML_CodeSniffer
Check that your HTML code conforms to your coding standard HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". To get you started, HT
Every Last Drop – An Interactive Website about Water Saving
In the UK we each use around 150 litres of water per day. But this is only part of the picture. When you consider the water required to produce all the stuff we consume, we actually guzzle a massive 4,645 litres every day. One third of our water is lost through leaky pipes before it even gets to our homes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NTT、「HTML5コンテンツ分割・連携技術」を開発 
Web Platform Feature Metrics