DEFGHI1977のWEB技術まとめ・ツール等
written by DEFGHI1977 [重要] auonenetホームページ公開代理サービス終了に伴い、公開済みの各種ドキュメントをxdomainサーバーに移行しました. 旧アドレスへのアクセスは本ページにリダイレクトされます. お手数ですがブックマークやリンクなどのURL参照先の更新・変更をお願いいたします. You were redirected from old "dion(auonenet)" page which had been out of service. Please update URL settings of your bookmarks, links or more. Thank you. 突貫工事で作ったため, 抜けがあるかもしれません. ゲームツール等(game tools) 悪魔城ドラキュラHoD(Castlevania HoD)・アイテム早見表(Cas
HTML5日本語化 - Opera Wiki
（管理人さんがここを使っていいと言うんで。） HTML5仕様が通しで日本語で読めたらいいな、って。 RCへの目途をつけて、HTML5.1とか作ろうぜとかわけのわかんないこと言っているW3C HTML5ですが、HTML5タグリファレンス - HTML5.JPに要素とその周辺の一部が確認できるぐらいで、その他の日本語訳は（少なくとも私の知る限りでは）ありません。 願うだけでは何も起きませんが、みんなでちょっとずつ翻訳すればいつかできあがると信じてます。協力してくださる方はぜひ。 [編集] 目的 HTML5: Edition for Web Authors （この記事が書かれたときに一番新しい）草案をつぎはぎしてでも日本語訳で読めるようにする。 フルなHTML5ではなくて、web制作者版のものを選択。ちっちゃい方が作業量が減る…はず。 [編集] 翻訳分担 以下に翻訳したい箇所を記述. 原則は早い
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
テスト動画と動画の表示テスト
概要 各種PC用ブラウザ、iPhone、iPad、Androidでの動画の表示テストを行うためのページです。 動画はダウンロードしてご自由にお使いいただいて構いません。 トリミング、エンコード、二次利用、再配布など、全てOKです。 ただし、この動画を利用、もしくは利用になれないことにより生じるいかなるトラブルや損害には、当方は一切の責任を負いません。 「このエンコードでもテストしてよ」等ありましたら、ご連絡くださいませ。 ページの先頭へ戻る MIMEタイプの設定 .htaccessに下記を記述を追加しています。 AddType video/mp4 .mp4 AddType video/ogg .ogg .ogv AddType video/webm .webm ページの先頭へ戻る
HTML5の基本を学べる、各要素のコメントでの解説が嬉しいシンプルなテンプレート -HTML5 Bones
ゼロからあなた自身のページを作る時のガイドとして利用されることを目的とし、最小限の要素で構成されたHTML5の基本に忠実に作成したテンプレートを紹介します。 HTML5 Bones HTML5 Bones -GitHub HTML5 Bonesの構成 HTML5 Bonesは非常にシンプルで、jQuery, Modernizeなどは含まれていません。含まれている外部のライブラリは、クロスブラウザ用にNormalize.css、IE8以下用にHTML5をレンダリングさせるためのhtml5shivだけです。 使用している要素もページを作成する最小限の要素で構成されており、テンプレートを利用するにあたり各要素をどのように使うべきか、インラインでコメントで細かく説明されています。 下記に、そのインラインコメントを翻訳しました。 年末年始をまたいで制作者のIanさんとやり取りをしていたので、公開に時
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
HTML5の考察
ホーム APPENDIX HTML5の技術・政治的考察 HTML5とは何か 技術的考察 HTML5でHTMLを記述するに当たっては、当然、「新たに採用もしくは変更された要素や属性をどのように使うのか」が、焦点になります。 2010年前半でHTML5が話題に上ったとき、そこでは動画をブラウザ自体で再生できるようにするvideo要素の存在が、Adobe Flashとの対比で注目されていました。また、それ以前からもスクリプトなどを使って動的に画像をブラウザ上で描画できる、canvas要素なども関心を集めているようです。実際、遅ればせながらcanvas要素に対応したIE 9 Betaが登場した際には、canvas要素を効果的に採用した協賛サイトが多数紹介されています。 こうした、動的で応答性に優れた「Webアプリケーション」をサポートすることも、HTML5の目的になっていますが、私自身は、オーソド
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
Microdata + schema.org を実際に使ってみる
schema.org は Google、Microsoft (Bing)、Yahoo! という Web 検索の大手 3 社が共同で取り組んでいる試みで、より構造化されたマークアップのための共有の語彙集 (vocabulary) を提供しようというものです。この schema.org の語彙を利用して、実際のマークアップに Microdata を追加する具体例をいくつか考えてみました。 schema.org の アイテム型 (item type) は 階層 (hierarchy) のかたちで定義されています。型ごとに独自の プロパティ が定義され、上位の型のプロパティは下位の型に引き継がれます。最上位は Thing という汎用の型で、name、url、image、description というもっとも基本的なプロパティが定義されています。そしてその下に CreativeWork、Event、
Internet Explorer 10 PP2のHTML5機能
Internet Explorer 10 PP2のHTML5機能：特集：IE10（プレビュー版）概説（中編）（1/2 ページ） 連載目次 前回に引き続き、Internet Explorer 10（以下、IE10）プラットフォーム・プレビュー版の解説を行う。 なお、前編ではPlatform Preview 1をベースに解説を行ったが、すでにPlatform Preview 2（以下、PP2）がリリースされているため、こちらも含めて解説していく。PP1が2011年4月12日のリリースだったので、「8～12週ごと」という公約通り、約11週で公開されたことになる。 ■6. HTML5 昨今、さまざまなメディアでHTML5が取り上げられている。現在、FlashやSilverlightなどで作られているような動的なアプリケーションがHTMLのみで表現できるということで、Webの将来を担うものとして多く
東京都でホットヨガ効果を体感したならLAVAの経験コース
東京都でホットヨガの効果を実際に体感してみませんか！？代謝が上がり体中ポカポカになります。まずは体験レッスンを予約しましょう！ ホットヨガ効果は、デトックスやダイエット、肩こり、美肌、アンチエイジング、ストレス解消など多岐にわたります。 ホットヨガLAVAは、全国で160店舗以上展開していて、ほとんどのスタジオが駅から徒歩3分の場所にあります。 体験レッスンは、数種類以上のコースから選択可能です。 東京都で行きたいスタジオが決まったら、WEB上のレッスンスケジュール表から予約することができます。 料金は税込みで約1,000円です。体験当日に入会すると嬉しい特典があります。
schema.org 日本語訳 -get started- | Say hello to SEO-福岡アウトサイドSEO-
2011年６月２日米国 Google、米国 Microsoft、米国 Yahoo! の3社が Web ページ向け構造化データ マークアップに必要な共通ボキャブラリなどを策定する取り組み「schema.org」を発表しました。情報アーキテクチャという観点からも非常に見逃せない大事な発表となっております。これによってwebのセマンティック化に 拍車がかかるといいなと願っています。 そこでshema.orgの”get start”の内容を日本語訳しました。個人的に把握するレベルで認識したものをそのままメモのように書き留めてるだけですので判りにくい箇所や語訳もあると思います。もし、ご指摘いただけるなら、コメントよりお願いいたします。 原文はこちらです。 以下、約の内容になります。 Google Yahoo! Bingによるshema.org ほとんどのwebマスターはHTMLタグで構成さ
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
霧島酒造株式会社
2024年1月31日 クロキリクロニクル最新記事公開「質実剛健の初代。創意工夫の先代。親子3代で織り成す『霧島らしさ』。」
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
FlashとHTML5と… | Flash&HTML5&...
ネット上で何かと比較されがちな、FlashとHTML5。 どちらに、どんな利点があるのか。それぞれを使い動画にしてみました。 最近、日本のインターネット業界の一部で英語が流行っているため、 海外の方にも見ていただけたらと思い、英語の字幕・音声も用意いたしました。 ネット上で、いつも勉強で使わせていただいているソース共有サイトに、 微力ながら協力したいと思い、後日、wonderfl・jsdo.it・AEP Projectに、 一部工夫した点など、アップできたらと思います。 このサイトを作るにあたり、 HTML5の概要などは、 HTML5 & The Web Platform FlashとHTML5の関係や、考え方などについては、 ClockMakerさんの、Flashだとここまでできる! HTML5とFlashの機能比較 HTML5の楽しさや、作るきっかけ、作り方などは、 .3さんのHTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Experiment 500 by Google Data Arts Team - Experiments with Google
Chrome+HTML5 Conference
http://www.htmlfivewow.com/slide1