ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
HTML5 AudioとJavaScriptで作ったドラムマシンにjsfxで音色編集機能を追加 - 音楽方丈記
HTML5 AudioとJavaScriptで作ったドラムマシンにjsfxで音色編集機能を追加 » 音楽ネタ全般 [編集] 先月末に作った HTML5 Audio オブジェクトと JavaScript で作った簡易ドラムマシン の音源部に、JavaScript で波形を生成して再生できるサウンドエフェクト・ライブラリ jsfx を組み込んでメモリ上で音声データを生成・編集できるようにしてみました。 ↓テストページはこちら HTML5 AudioとJavaScriptで作った簡易ドラムマシン (jsfx バージョン) HTML5 の Audio オブジェクトが実装されていて、WAV 形式の再生が可能なブラウザ(Firefox 3.6、Chorme 9、Safari 5 など)で実行可能です。 快適に遊びたい人は Windows/OS X 双方とも Firefox 3.6 以上を推奨します。
HTML5チートシート – SCRATCHBRAIN labs
1 Comment » [...] [HTML5チートシート] Comments (0) Tweet This! [...]
HTML5でWebページをマークアップするための基礎知識
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。
HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset
HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成：コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。
HTML5 における HTML4 からの変更点
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
HTML5 | BLOG × CLOCKWORKMEDIA
正式勧告が待たれる今日この頃ですが、既に色々なところで実装されている『HTML5』。今後は利用する機会も多いことと思われるので、自分用に備忘録としてまとめてみました。最もシェアが高く最もバグが多い『悩みの種』、Internet Explorerにも通用するよう、ブラウザ間の表示統一を前提に、その技術を確認します。 HTML5とは？ HTMLが大幅に改訂されてHTML5の時代になりました。FLASHかHTML5かの議論も熱い昨今です。ぼちぼち僕もコーディングに使い始めたところですが、実際つかってみるとHTML4.01や過去のXHTMLに較べて、コード自体がシンプルになったような気がします。マークアップ自体に意味づけがきちんとされていて、アウトラインが視覚化されたといった感じ。フォーム要素には異常に機能が増えた。まだ使い切れてないけれど...。とりあえず、マークアップについて新要素の確認とその
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Blowing up HTML5 video and mapping it into 3D space | Craftymind
I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site. 3.10 Images To draw images onto the canvas, the drawImage method can be used. This method can be invoked with three different sets of arguments: drawImage(image, dx, dy)
html 5＋WordPressのサイト設計をまとめてみた1 【備忘録】 « カナ･ログ
post：2009年10月23日 あまり時間もとれないんで、html 5の仕様云々はリンク張ったりと横着な感じですすめますよ。 参考にしたサイト html 5で組むにあたり、原文を読み砕く英語力がないので以下のサイトを参考にしました。 仕様など W3C HTML 5 における HTML 4 からの変更点 HTML5.JP コーディングのサンプルとして Apple Safari 4 株式会社カナリヤグラフィックス html 5サイトのギャラリー（html5gallery）があり、そこから適当に参考にしました。 実際にhtml 5＋WordPressで作ったブログサイト カナキのフォト・ログ（※Firefox2以下では崩れます） html 5の新しい要素とか html 5で追加に新しい要素の中で、今回使ったのは以下。（括弧は参考サイトからの引用） article （要素は blog エントリや
コーディングコンテストに参加しました - PolyPeaceLight
今回、初めて画像からHTMLの起こし、CSSの適用までやってみましたが、まー大変ですね。 コーダーのみなさん、ありがとございますです。 でも、1枚なんとかやり遂げたので、2枚目以降はもっとスムーズだと思うし、大体の時間間隔もつかめたことですし、説得力のある無理のいいかたができるのではないかと（おい というわけで今回気づいたこと・やったことをまとめてみました しかし、HTML5とCSS3で表現力があがりますね！楽しいぞ！未来！ 角丸 この辺は基本ですよね。もう。山ほど、ノウハウだったりtipsもでてますし。 -moz-border-radius: 12px; -webkit-border-top: 12px; ちょっとだけ気の利いた事するんだったら、例えば、4つ角の1箇所だけ角丸にしたい場合 mozillaとwebkitで異なっているのでちょっと注意が必要です -moz-border-rad
HTML 5 differences from HTML 4
Abstract "HTML5 Differences from HTML4" describes the differences of the HTML5 specification from those of HTML4. Status of This Document This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (6) アウトラインを意識したマークアップ | エンタープライズ | マイコミジャーナル
HTML 5では、ヘッダやセクションに関する要素がいくつか追加され、文書の構造をより明確にすることができるようになった。 ここで用いている「セクション」という言葉は、HTML文書を論理的に分割した単位のことである。1つの読み物における章や節などはセクションと言えるし、ブログサイトにおけるナビゲーションメニューと記事本体、記事に対するコメントなどもそれぞれ異なるセクションであると言えるだろう。 HTML 5から追加された、セクション関連のタグは以下の通りだ。 article …「記事」を表す。ブログサイトにおける個々のエントリのように、内容が単体で完結しているセクションを表す。articleが入れ子になっている場合、内側のarticleは外側のarticleと本質的に関連しているものだと考える aside … このタグが記述された部分の外側の要素に対する、補足的な説明を表す。このタグは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5, きちんと。
http://www.designwalker.com/2009/11/html5.html
http://jp.droidget.com/mobile-5/html5
HTML5 inputs and attribute support