ヤター！ウェブブラウザで動くシンセできたよー - aike’s blog
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本（ソフトカバー） この商品を含むブログ
無茶し過ぎ。クライアントサイドでWebサイトのスクリーンショットを作成·html2canvas MOONGIFT
html2canvasはHTML5/Canvasを使って任意のWebサイトのスクリーンショットを作成するソフトウェア。 html2canvasはHTML5/JavaScript製のオープンソース・ソフトウェア。これはまた…非常に面白い、トリッキーなソフトウェアが出たものだ。Webサイトのサムネイル表示はニーズが高いサービスだ。単なるテキストではなく、サムネイルがあるだけでずいぶん華やかな表示になるからだ。 例 通常、その手の外部サービスを使う。自分で作るならばFirefoxやWebKitのレンダリングエンジンを使うだろうか。だがhtml2canvasは違う。JavaScriptだけでWebサイトのサムネイルを作ってしまう。 html2canvasのテクニックは簡単に言えばCanvasタグの中で独自のレンダリングエンジンを使って取得したHTMLを描き出すという方法だ。非常にマニアックで面白い
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッグ＆ドロップで開発できるツール「Maqetta」がオープンソースとして開発されています。PCの画面だけではなく、iPadやiPhone、Androidなどの画面にも対応しています。 Maqettaはもともと米IBMが開発していたツールで、4月に非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈されました。 Maqetta自身もHTML5のWebアプリケーションとなって
1-2. <object>タグと<embed>タグ ｜ Flashとブラウザ
IEとそれ以外のモダンブラウザで確認する事 objectタグだけの表示の場合 IEだけ表示、それ以外は表示されない。 embedタグだけの表示の場合 IEは非表示、それ以外は表示される object、embed両方タグだけの表示の場合 IE、それ以外のモダンブラウザでも表示される。 ただし、このコードはレガシーコード（古い）。 このような２段構えの構造になっている理由は、IE以外のWebブラウザではobjectタグのclassid属性などのサポートが不十分なため、SWFを表示する際に必要な情報を取得できないからです。そこで、objectタグの内側に、IE以外のWebブラウザ用でもちゃんと解釈できるembedタグを入れ子にして置いているわけです。(X)HTMLの仕様では、解釈できないobjectタグがある場合、そのタグの内側へと代替コンテンツを求めるようになっています。レガシーコードの場合、
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
※「ttp://www.w3.org/TR/html4/loose.dtd」って何ですか！？ - このＵＲＬを含んだ下記のタ... - Yahoo!知恵袋
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 全部をひっくるめて「DOCTYPE宣言」と一般に言いますが、これは「文書をどの文法に準拠して作成したか」をブラウザに宣言するためのものです。 －－－－－－－－－－－－－－－－－－－－ ■HTMLと一口に言っても…。 例えば一口に「HTML」と言っても複数の文法があります。現在主流のHTML4.01にも、3パターンの文法があります。 HTML4.01 Strict ：厳密なHTML文書 HTML4.01 Transitional ：移行型の（比較的）緩いHTML文書 HTML4.01 Frameset ：フレームを定義するためのHTML文書 HTML文書を作成する場合には、どの文法に沿って
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
GameBoy Emulation in JavaScript: Interrupts
This is part 8 of an article series on emulation development in JavaScript; ten parts are currently available, and others are expected to follow. Part 1: The CPU Part 2: Memory Part 3: GPU Timings Part 4: Graphics Part 5: Integration Part 6: Input Part 7: Sprites Part 8: Interrupts Part 9: Memory Banking Part 10: Timers Please note: This article has been updated to remove an incorrect interrupt ha
XHTML HTML辞典
Updated 2013.10.08 / Published 2005.09.12 HTML4.01, XHTML1.0, XHTML1.1の全要素・属性を網羅したリファレンスです。意味や文法をすぐに調べることができるように様々な索引を用意しています。 要素名A-Z索引 HTML4.01, XHTML1.0, XHTML1.1で定義されている全要素型をアルファベット順でリストアップした索引です。 属性名A-Z索引 HTML4.01, XHTML1.0, XHTML1.1で定義されている全属性名をアルファベット順でリストアップした索引です。 要素名の読み方 HTML4.01, XHTML1.0, XHTML1.1で定義されている要素名の発音ガイド（読み方）を掲載しています。 属性名の読み方 HTML4.01, XHTML1.0, XHTML1.1で定義されている属性名の発音ガイド（読み方）を
HTMLから本文を抜き出せるモジュールHTML::ExtractContent - perl-mongers.org
This domain may be for sale!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Canvas Cycle: True 8-bit Color Cycling with HTML5
wkhtmltopdf - Google Code
loose dtd & dynamically setting a DIV position HTML forum at WebmasterWorld
pForm - Free HTML Form Builder - Create Web Form Template Online
http://www.designwalker.com/2010/06/html5-template.html
HTML+CSS templating
Loading...
IE5.5から最新のIE8 Beta2まで収録された「IETester v0.2.3」リリース：CodeZine
