[B! html5] uuchanのブックマーク

uuchan id:uuchan

html5に関するuuchanのブックマーク (22)

HTML5で情報最適化／視覚化＆WebRTCで変わる未来～QCon Tokyo 2013レポート
ストラクチャファーストとしてのHTML5、ビジュアライゼーションに有効なHTML5と関連技術／ライブラリ8選、WebRTCの概要や3つのライブラリなど。 2013年4月23日、InfoQJapan主催のカンファレンス﹁QCon Tokyo 2013﹂が開催された。本稿では、その中からモバイル／HTMLカテゴリの3つのセッションの模様をダイジェストで紹介する。 HTML5と情報表現の最適化 WebRTCで変わるWebの未来 HTML5でできる多彩なビジュアライゼーションモバイル／HTMLカテゴリ以外のセッションについては、以下を参照してほしい。 fluentd、Hubot、DDD、Fab、JSLintに見る最先端の開発手法～QCon Tokyo 2013まとめレポート HTML5と情報表現の最適化 QCon Tokyo 2013の﹁HTML／モバイル﹂カテゴリ最初のセッションは、Webディ
uuchan 2013/06/04
HTML5

コンテンツ

web制作
リンク
マイクロソフト、「IE 10」でFlashコンテンツをデフォルトで表示可能に
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
uuchan 2013/03/13
IEはHTML5に対応していく気はないのだろうか・・・？？？

windows 8

IE

Flash

HTML5
リンク
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ﹁ページ遷移﹂、聞くだけでゾクゾクしませんか？僕は大好きです。 Web Creator's Contest Q︵HTML、CSS、JavaScript エンジニアのためのコンテストサイト︶では、ページ遷移・画面遷移をテーマにしたコンテストを開催中です。とても好評で、5回目となった当コンテスト。今回のテーマも、力の入ったコードがたくさん投稿されています！魅力的な画面遷移エフェクトのコード集！Cubic Transition ※﹁▶Play﹂ボタンをクリック！
uuchan 2013/03/11
HTML

HTML5

webデザイン

アイデア

画面遷移
リンク
押井守監督作品「ちまみれマイ・らぶ」HTML5 アニメーションを活用した iPad 向け電子出版 | Adobe HTML & Flash Gallery
押井守監督の電子書籍の初監督となった「ちまみれマイ・らぶ」は、セルアニメでもない、マンガでもない、タブレットデバイスに最適な演出を追求してコミックアニメーション社が制作したコンテンツです。特に、色の表現力の高さは、他の媒体では体験できないレベルを目指しました。押井守監督原作のコミックアニメーション「ちまみれマイ・らぶ」 ©2013 八八粍・デイズ／コミック・アニメーション企画／背景「ちまみれマイ・らぶ」は、押井守監督の指揮の元、iPad を前提としたコンテンツとして制作されました。押井監督の「紙媒体のコンテンツをほぼそのままモニタ上に持ってきたようなコンテンツには物足りなさを感じていた」という演出家としてのこだわりと、現時点における iPad のデバイスとしての性能とのバランスを取る中で、新しい表現の形が生まれました。その一番の特徴は、色彩豊かなイラスト一枚一枚の魅力を前面に、そこに
uuchan 2013/02/28
HTML5でできることとか。あとでゆっくり見てみよう。

コンテンツ

html5

JavaScript
リンク
HTML 5 Reset Stylesheet | HTML5 Doctor
We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects. The code Let’s start with the complete CSS stylesheet: /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Cl
uuchan 2013/02/18
html5

css3

web制作

HTML
リンク
HTML5 開発者向け！「ブラウザ仕様確認ツール」をリリースしました。 - NTTドコモ開発者情報Blog
本日2回目のブログ更新となります！本日1回目のブログでもお伝えしていていましたがいよいよ開発者の皆様に向けた新規企画の発表です！︵タイトルでバレバレですが^^;︶本日、HTML5開発者に向けた︵スマートフォン︶搭載ブラウザの仕様を確認するツール ※PCブラウザでも確認できます。ブラウザ仕様確認ツールをリリースしました！！ URLはこちらです！↓ http://spec.nttdocomo.co.jp/spbss/ 上記のURLにブラウザでアクセスすると W3Cのカテゴリに基づいたHTML5の仕様を搭載ブラウザで利用できるか判定をして OK or NGで結果を返します！ TOP画面はこんな感じでUAの情報を確認できるようにしています！今回は、判定項目数を約2600個用意しました！あれこれ精査していくうちに開発者の皆様により多くの項目を見
uuchan 2013/01/21
HTML5

Webサービス

ツール
リンク
HTML5でサイトをつくろう
若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使いたい」という要望も聞くようになりました。Instagramが今どうなっているのか？どう活用し、どのように見てもらうのか、初歩的な内容から少し専門的な内容まで、参考になるサイトや記事をまとめました。
uuchan 2013/01/21
HTML5

web制作
リンク
MdN Design｜総合情報サイト
いまおさえておきたいHTML5＋CSS3のすべて！！ 2011年5月28日発売のweb creators特別号「HTML5＋CSS3　次世代Webコーディングの超・最新動向」から、毎週記事をピックアップしてご紹介! 本記事では"Flashの対抗馬"といった認識を超えてきちんと理解したい人向けに、HTML5とCSS3の全貌と新技術の使用方法を徹底的に解き明かします。
uuchan 2013/01/21
HTML5

CSS3

web制作
リンク
ゼロからはじめるHTML5でのサイト制作／第9回　XHTML1.0とHTML5のコーディングの違いを確認してみよう - MdN Design Interactive
これまでの連載では、HTML5での新要素の説明やHTMLから使用方法が変更になった要素、ブロックレベル要素とインライン要素の変わりとなった﹁コンテンツ・モデル﹂や﹁アウトライン﹂などについてまとめてきましたが、ここからは今まで解説したことのまとめとして、簡単なレイアウトをxhtmlとHTML5でのマークアップを比較しながら実際に作成してみたいと思います。解説‥︵有︶ムーニーワークス　林豊／田崎一成 ●HTML5の基本の書き方XHTML1.0とHTML5の基本のHTMLの違いを再確認してみましょう。HTML5といっても基本の書き方が大きく変わるわけではありません。極端なことを言えば、DOCTYPE宣言だけをHTML5の書き方にし、コンテンツのコードを既存のままにしてもHTML5になります。今回は新要素などを適切に使用して﹁コンテンツ・モデル﹂や﹁アウトライン﹂を意識してマークアップして
uuchan 2013/01/10
HTML5

XHTML

web制作
リンク
ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。解説‥︵有︶ムーニーワークス　林豊／田崎一成前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
uuchan 2013/01/10
続きのページも読む。

HTML5

XHTML

web制作
リンク
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
uuchan 2012/10/01
HTML5

web制作

ブラウザ

CSS3
リンク
PC向けWebページをスマートフォン向けに作り直す
パソコン向けのWebページを、iPhone/Android向けに作り直すことによって、HTML5でiPhone/Androidアプリケーションを作る際のポイントを見ていきましょう。リスト1は入力フォームのあるパソコン向けWebページのHTMLです。HTML5で作成してあります＊4。入力したら文字コードUTF-8で保存してください。 Webブラウザでリスト1を実行すると図1のようになります。テキストボックスにテキストを入力してボタンを押すと、そのテキストがアラートウィンドウで表示されます。見出し︵h1要素︶の文字が折り返しているのは、Webブラウザの幅のせいで、改行︵br要素︶は入れていません。このHTMLをAndroid端末のWebブラウザに読み込んで表示してみましょう。Android端末に読み込むには、ネットワーク経由でアクセスできる場所にHTMLファイルをアップロードしなくてはなりま
uuchan 2012/02/08
スマートフォン

ブラウザ

web制作

html5
リンク
スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 | HTML5でサイトをつくろう
jQuery Mobileってなに？ jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた﹁jQuery﹂。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます！iOSやAndroidなどのWebKitベースのスマートフォンだけで
uuchan 2011/12/07
jQuery

スマートフォン

HTML5

javascript

jQueryMobile
リンク
HTML5は難しくない?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5のマークアップ】 | HTML5でサイトをつくろう
HTML5は難しくない?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！︻初級編‥HTML5のマークアップ︼先日のエントリーでもHTML5で作成されたサイトが増えてきていることから、そろそろHTML5の勉強をそろそろしなければと思っている人も多いと思います。グーグルの特設サイトなどがトリッキーなことをやっているのでHTML5＝難しいと思っている人もいると思いますが、あのような動的なサイトやAPI関連をいきなりやるのはなかなか大変ですし難しいです。それよりほとんどの人ですぐ必要になるのが通常のページをどうマークアップするかだとおもいます。構造の考え方が全く変わりましたが、マークアップだけでしたらXHTMLとHTML5はいままでxhtmlでマークアップしていた人にとっては簡単に乗り換えられるとおもいます。xhtmlではブロックレベル要素とインライン要素という分類に分
uuchan 2011/09/05
HTML5

web制作

あとで読む
リンク
http://japan.internet.com/webtech/20110712/2.html
uuchan 2011/07/13
Flash

gree

iphone

スマートフォン

HTML5

開発
リンク
ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」:phpspot開発日誌
ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール﹁The Endless Mural﹂ 2011年06月23日- The Endless Mural ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール﹁The Endless Mural﹂。マウスの軌道に追尾して予め用意されたシェイプがアニメーションしながら描画されます。描画の方式も色々選べます。 Photoshopのブラシでも似たようなことが出来ますが、シェイプがランダムで決まって描画されるものが予測できないところに面白さがあります。さらに、描画の過程をアニメーションで保存してソーシャルサイトにシェアすることが出来ますために超適当に描いてみたグラフィック。本当に適当なんですがなんとなく面白いグラフィックになってますね。とりあえず触ってみるだけでも面白いツールなので是非使ってみてください。関連エントリブラウ
uuchan 2011/06/23
動かしてたらPCが唸りだした。。

HTML5

webアプリ
リンク
IT news, careers, business technology, reviews
Apple Vision Pro: Useful for business or just an expensive toy?
uuchan 2011/01/25
HTML5

version

HTML
リンク
TechCrunch
Investing apps help anyone access the stock market to make trades. Alpaca, a San Mateo-based startup, offers stock and crypto brokerage trading services via API that enables investing fintech companie The rise of short video apps has fueled people to use many tools to make their videos different by remixing popular songs. Many creators use tricks like speeding up, slowing down, or using clap track
uuchan 2011/01/21
ロゴなんて必要なの・・・？

HTML5

ロゴ
リンク
最新ブラウザのHTML5タグへの対応状況をまとめてみた - IT-Walker on hatena
ちょっとしたプログラムを書いて、各メジャーブラウザのHTML5タグへの対応状況を調べてみました。現時点でのHTML5仕様に含まれているタグが、ブラウザにUI要素として認識されるかどうかを調べただけです。これだけでは、HTML5の対応状況としては一部しか調べられませんが、一応の参考として。間違いがありましたらご連絡ください。具体的に行った調査方法は、記事の最後を参照してください。 IE8Chrome 2Chrome3(Beta)Safari4Firefox3.5Opera10(Beta) div○○○○○○ section×××××× nav×○○○×× article×××××× aside×○○○×× h1○○○○○○ h2○○○○○○ h3○○○○○○ h4○○○○○○ h5○○○○○○ h6○○○○○○ hgroup×○○○×× header×○○○×× footer×○○○××
uuchan 2010/08/13
HTML5

まとめ

ブラウザ
リンク
HTML 4との違い、HTML5で可能になること－HTML5リファレンス
■HTML4との違い HTML5では、これまでと同じようにHTMLタグを使ってHTML文書を作成することができます。また、CSSと組み合わせることでデザインを制御できる点、XHTML形式で作成すればXMLデータとして扱える点などもHTML4と同じです。一方で新しく変更される点もあります。 HTML5におけるHTML4からの主な変更点は以下の通りです。新しい要素や属性が追加される HTML4以前では使えた要素や属性のいくつかが廃止されるより明確に文書構造を示すことができるフォームの入力補助やチェック機能などが充実している動画や音声データをHTMLからシンプルに扱える様々なAPIが追加される ■HTML5で可能になること HTML5では、HTML4以前ではできなかったいくつかのことが可能となります。より明確に文書構造を示すことができる HTMLはマークアップ言語であり
uuchan 2010/07/28
HTML

html5
リンク
1 2 次のページ