■ - 万年素人からHackerへの道
SVG読み込みSVG自体をHTML内に記載して作るサイトはよくあるが、外部の.svgから読み込む方法があまり見当たらない。 ・これはIEでのプラグインが必要な書き方だと思う。 <embed src="ファイル名.svg" name="SVGEmbed" width="横幅" height="高さ" type="image/svg- xml" pluginspage="http://www.adobe.co.jp/svg/viewer/install/"> ・safariとかはこれ <object type="image/svg+xml" data="ファイル.svg"> ・SVGをJavaScriptで動的に読み込む http://gihyo.jp/dev/feature/01/svg/0004?page=2 ・SVGのファイル内の仕様 http://www3.ocn.ne.jp/~dhr
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた - 音楽方丈記
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた » 音楽ネタ全般 [編集] このブログを iPad の Safari でもそこそこ見れるように埋め込みの mp3 プレイヤーとか Flash 関連の扱いを前からコツコツといじっているのですが、いろいろやるついでに主要ブラウザの HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか調べてみました。 HTML5 の audio 要素について» 基本構文 <audio src="音声ファイルのURL" >ここに未サポート時のメッセージ</audio> » 属性 属性 値 用途 src 再生する音声ファイルの URL controls 再生/停止ボタンなどのインターフェイスを表示する autoplay ロード後に自動再生する loop ループ再生する preload none meta
html5j.org
html5jについて html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わるすべての人々を応援する、非営利・中立のコミュニティです。私たちは、日本のWebクリエイター・エンジニアのスキル向上をお手伝いして、日本が世界のWebシーンをリードするような存在になることを心より願っています。 html5jの活動 html5jはWebクリエイター・エンジニアの皆さんに対し、「つながる」「学べる」「盛り上がる」を合言葉とし、以下の活動を行なっています。 html5jメーリングリスト Web開発に関する話題について質問したり、共有したりするためのメーリングリストです。また、勉強会の告知なども行なっています。 html5jメーリングリストに参加する （Googleグループに移動） 投稿ルール HTML5などの技術やWeb開発に関する話題であれば、どんな内容でも構いません。
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
HTML5のcache manifest（キャッシュマニフェスト）を導入してみよう！ | HOPS Laboratory
ホップスの辻です。今回はキャッシュマニフェストをご紹介します。 キャッシュマニフェストを使うと、ローカル上（自分のパソコン）にファイル（htmlやjpg等）をキャッシュできます。 通常のブラウザのキャッシュの最強版みたいな感じです。 キャッシュマニフェストを使用しているサイトなら、初回アクセス時にはキャッシュ（ローカルに保存）をし、次からはローカルからファイルを見るので高速化が期待できます。 さあ、早速使ってみよう！ まずは確認用のブラウザを準備しましょう。 2010年6月29日段階では以下のブラウザで使用できます。必要に応じてダウンロードしましょう。 １）Firefox 3.6.6 [ダウンロード先] ２）Safari 5.0 [ダウンロード先] ３）Google Chrome [ダウンロード先] マニフェストファイルを作る キャッシュマニフェストを使う場合には「好きな名前.mani
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (4) キャッシュマニフェストの記述 | エンタープライズ | マイコミジャーナル
キャッシュマニフェストは、ローカルにキャッシュするリソースの情報をブラウザに伝えるための簡単なテキストファイルであり、UTF-8で記述する必要がある。以下のマニフェストは、hello.htmlとhello.jsという2つのリソースをキャッシュするようブラウザに伝える。 hello.manifest CACHE MANIFEST # 「#」で始まる行はコメント # ファイルの先頭はCACHE MANIFESTで始まる必要がある # マニフェストファイルにはバージョンを記述しておくのが通例 # マニフェストが更新されたかどうかはファイル内容の厳密な比較で行われるため、 # リソースの内容が変化したらバージョン番号を変更する、という運用が一般的 # Version: 200907211108 # キャッシュするリソースを明示的に列挙する # セクションを指定していない場合は、キャッシュリソース
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための
字幕.inみたいなサイトが簡単に作れそうなスマフォ対応のHTML5動画プレイヤー「LeanBack Player」:phpspot開発日誌
LeanBack Player | HTML5 Video Player 字幕.inみたいなサイトが簡単に作れそうなスマフォ対応のHTML5動画プレイヤー「LeanBack Player」。 次のように字幕を付けることができます。埋め込みコードの出力や、Youtubeっぽいインタフェースもいい感じです。 HTML5なのでモバイルデバイスなんかでも使えちゃいますね。 HTML5非対応ブラウザで見ても動画は再生できるようになっています。 独立したライブラリで動作し、CSSによるスキン変更にも対応。 キーボードショートカットにも対応するなど芸が細かい。 PCでは主要ブラウザでの動作が確認されている他、モバイルデバイスでは、iPhone iOS 3+、iPad iOS 3.2+、Android2.2でもテストされています。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSで
HTML5による電子書籍発行フレームワーク「Baker」:phpspot開発日誌
Baker Ebook Framework HTML5による電子書籍発行フレームワーク「Baker」。 HTML5で、768px幅固定でページを作っていって、HPubフォーマットでファイル一覧をアーカイブします。 これをBakerフレームワークを落としてきてXcodeで開き、データを入れてコンパイルするって流れのようです。 HTML5ということで、画像を固めたものよりインタラクティブなことができそうですね。 サンプルで配布されているBookも落として見ましたがなかなかいい感じでした。 関連エントリ ブログを電子書籍形式(ePub)に変換できるWordPress3のプラグイン「Anthologize」
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌