CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
HTML5test how well does your browser support HTML5? Your browser About the test HTML5test is dead. It's been dead for a while. In fact it hasn't been updated since 2016. And that is fine. This website has served it's purpose and helped popularise HTML5 with a general audience and developers. It pushed companies to invest in their browsers and it kept them honest. And from talking to people working
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
The Zoomquilt A collaborative infinitely zooming painting Created in 2004 Up and down keys to navigate A project by Nikolaus Baumgarten Participating illustrators: Andreas Schumann, Eero Pitkänen, Florian Biege, Jann Kerntke, Lars Götze, Luis Felipe, Marcus Blättermann, Markus Neidel, Paul Painter, Oliver Schlemmer, Sonja Schneider, Thorsten Wolber, Tony Stanley, Ville Vanninen The Zoomquilt on Yo
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
PreloadJSは、画像のほか、サウンドやJavaScriptなどの外部データを読込んで、その経過や完了を捉えて処理するためのライブラリです。本稿では、画像ファイルの読込みを待って、その画像にもとづく処理を加えてみます。 なお、読込み待ちのない外部画像ファイルの扱いについては、「EaselJSで外部ビットマップファイルを読込んで回す」をご参照ください。 01 外部画像ファイルを読込んでCanvasの中央に表示する PreloadJSのライブラリは、予めサイトからダウンロードして、適切な場所に保存しておいてください(図001)。本稿では、HTMLドキュメントと同じ階層に、ダウンロードしたpreloadjsフォルダが置いてあるものとします。 図001■PreloadJSライブラリのJavaScriptファイル まずは、PreloadJSのプリロードなしに、外部画像ファイルを読込んでCanva
HTML5でVideo／Audioがノンプラグインで再生出来るようになりましたが、シンプルに一つのファイル（単独のVideo／Audio要素）を再生するだけであれば 各ブラウザ向けにエンコードして（対応した拡張子の）ファイルを用意するだけで簡単に利用出来ます。 この対応拡張子（コーデック）が異なる部分も厄介な問題ですが、既に話題している方が多いので本エントリーでは省略します。 タイトルのAudio要素を連続して再生する状況ですが、例えばアプリやゲームの操作時に発生するSE（サウンドエフェクト）として連続して再生する状況があるかと思います。 PCブラウザ（IE9+、Chrome、Firefox）はAudioを連続で再生しても概ね問題なく動作しましたが、スマホブラウザ（Android、iOS）は少し工夫しないと連続で再生出来ませんでした。 また、その他にもAudio要素をスマホで扱う際に注意す
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
Latest Published Version: http://www.w3.org/TR/html51/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft: http://www.w3.org/html/wg/drafts/html/master/ Previous Versions: http://www.w3.org/TR/2014/WD-html51-20140204/ Editors: WHATWG: Ian Hickson, Google, Inc. W3C: Robin Berjon, W3C Steve Faulkner, The Paciello Group Travis Leithead, Microsoft Erika Doyle Navara, Microsoft Ed
Slides from the tutorial at Velocity Conference Santa Clara 2013
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
