You are currently browsing HTML

過去の記事...

← ホームに戻る

Keita Abe | Front-End Developer

WebGLってやつでしょうか。 動きも面白いですが、デザイン的なセンスもあっていいですね。 マウスの動きに合わせて文字が微妙動く感じいいですね。参考になります。 http://su8erlemon.com/

見る Keita Abe | Front-End Developer

New Balance Japan

http://www.newbalance.co.jp/tsunagare/HTMLだけでこんな風に表現できるってなんかすごいですね。おもしろい。どこか芸術的な感じもします。

見る New Balance Japan

Kenji Saito

http://kenji-special.com/すごいですね。Flashを使わなくてもできるんですね。

見る Kenji Saito

YouTube – One Hour Per Second

http://www.onehourpersecond.com/どうやって動かしているんだろう?Flashじゃないとしたらgif?SVG?最近gifアニメーションが騒がしい気がします。アイディアしだいでFlash使わなくてもインタラクティブなコンテンツが作れるってことでしょうか。  

見る YouTube – One Hour Per Second

JAM with Chrome

http://www.jamwithchrome.com/ ブラウザでここまで出来るようになったんですね。これは面白い。

見る JAM with Chrome

Mozilla Thimble

https://thimble.webmaker.org/en-US/ ほぉーこれは面白い。 左側のエリアにHTMLを記述していくと、右側のエリアに即時反映されるんですね。 ちょっとした編集をリアルタイムで確認したい時なんかは便利かも。

見る Mozilla Thimble

Periodic Table of the Elements

http://joshduck.com/periodic-table.html サイト内で使用している、要素を調べることができるツールなんですかね。 面白いです。

見る Periodic Table of the Elements

株式会社モリヤマ

http://www.ms-moriyama.co.jp/ すごいなこれ、Flashじゃないんだ。 サイト内は極力画象を使用しないで構成している感じがする。 こういったサイト最近良く目にするようになった。最近の流行り?なのかな。

見る 株式会社モリヤマ

TOKYO KI ケイアイスター不動産

http://tokyo-ki.jp/ いわゆる「Responsive design」ってやつでしょうか。 いいですね。ブラウザのサイズによってレイアウトが変化していきます。 スマートフォン時代だからなぁ。こういった技術が普通に必要となりそう。 サムネイル写真の拡大方法も面白い。

見る TOKYO KI ケイアイスター不動産

すげーな。Mac OS X Lion CSS3

http://www.alessioatzeni.com/mac-osx-lion-css3/ CSSでこんなことできちゃうんですね。 使い道がよくわかんないですけど。

見る すげーな。Mac OS X Lion CSS3

Hackery, Math & Design — Acko.net

http://acko.net/ こりゃすげーな。こんなことできる人がいるんだなぁ。

見る Hackery, Math & Design — Acko.net

HTML5でモナリザがビョインビョイン動く

世の中いるんだね。こんなこと出来る人が。 http://roxik.com/mona/

見る HTML5でモナリザがビョインビョイン動く

Maersk Fleet

TOPのビデオはFlashじゃなくてHTML5を利用しているのかな。 Flashなくてもこういったコンテンツをつくれるんだね。 http://www.maerskfleet.com/#

見る Maersk Fleet

Edge Preview & Webアニメーション

Flashを利用しなくてもアニメーションがHTMLベースでつくれるソフトだとか。 おー便利じゃないですか。 しかし、残念なことにXPだとインストールできないみたい。VISTA以上が必要? http://www.adobe.com/jp/joc/edge/

見る Edge Preview & Webアニメーション

HTML5 Coding assessment test

カヤックさんが、HTML5実力テストなるサイトを公開させていた。 いいですね。 http://jsdo.it/event/html5cat/2011/summer/   もういやー、わかんない、閉じちゃおう。

見る HTML5 Coding assessment test

CUT HOUSE MORE(カットハウスモア)

フリーブログをうまく利用する方法はありかもしれない。 http://www.cuthousemore.co.jp/more/

見る CUT HOUSE MORE(カットハウスモア)

‪プログレッシブ・エンハンスメント‬ という考え方

なるほど。たしかにそれはあるかもしれない。 どんなブラウザでも「同じ見え方にする」とした場合、どうしても最低のレベルに合わせることになる。 ちょっと発想を変え、リッチな見え方ができるブラウザには、最前の見え方できるがいいよね。 http://www.atmarkit.co.jp/fwcr/design/tool/ichigeki15/01.html

見る ‪プログレッシブ・エンハンスメント‬ という考え方

面白法人カヤック

カヤックさんがサイトをリニューアルされていた。 キーワードは「軽い」「楽しい」「スピーディ」だそうです。 おもいろいなーと思ったのは、「PAGE TOP」を押したときの動作。 ビューンってなります。 スマイル給ならぬ○○給ってのが面白い。その数がまたすごいですね。「告白したい」ってのが給料になるなんて・・ やっぱりこの会社なんか違う。 http://www.kayac.com/   ソースの中にもこんなことが書いてあった。 面白いですねぇ。 やっぱりそこは、プロとして当たり前にHTMLコーディングをされている。   海が近い社員寮いいですね。

見る 面白法人カヤック

The Guide to the App Galaxy by Google

蟹味噌さんに教えてもらいました。 おもしろいですね。矢印キーでWebを操作できるっていいかも。 楽しく閲覧できます。 http://www.guidetotheappgalaxy.com/#/developersguide/

見る The Guide to the App Galaxy by Google

PCサイトをタブレット/スマートフォンサイトに変えることできるサービス

なかなか便利なサービスですね。無料でHTML5タイプのタブレット対応サイトに変換してくれるってんだからすごいね。 ペラペラめっくていくと、間に広告がはさまれるってことかな。 http://onswipe.com/ Onswipe Demo Video from Onswipe on Vimeo.

見る PCサイトをタブレット/スマートフォンサイトに変えることできるサービス

ultranoir • projects

http://www.ultranoir.com/en/#!/projects/services|html_integration/ HTML5利用したサイト多くなってきた。ちょっと重たいけど、Flashみたいにローディングさせてる。 ナビゲーションのギミックも面白い。

見る ultranoir • projects

OUWN | Creative Group

http://ouwn.jp/ ナビゲーションが面白い。海外で刺激を受けるってのは有りだと思う。

見る OUWN | Creative Group

SPACE SHOWER SWEET LOVE SHOWER 2011

http://www.sweetloveshower.com/index.html どこか3D的なデザインですね。面白いです。ナビゲーションは参考にしたい。 でもやっぱりIEは対応外なんですね。IEってどうなんだろう?WindowsってOSはそろそろなくなるんじゃないかな。

見る SPACE SHOWER SWEET LOVE SHOWER 2011

http://muuuuu.org/ 便利です。参考にさせていただきます。

見る

NIKE FREE VOICE

http://nike.jp/nikefreevoice/ デザイン的にも、Webサイトの機能的にも良いですね。参考にしたいです。

見る NIKE FREE VOICE

Manufacture d’Essai

http://www.manufacturedessai.it/it/ なんか3Dっぽい。

見る Manufacture d’Essai

Beauty of the Web

http://www.beautyoftheweb.com/#/experience まずい、非常にまずい。 今後、Web制作側は次のレベルアップをが必要になる。しかも強制的に。 すでに文字・画像・音・Video・モバイル端末・ブラウザ・Webサービスの混合コントロールが求められている気がする。 次はそこにTVと家電がはいってくるのかな。

見る Beauty of the Web

公開が延期されていたIE9日本語版、ついに公開

http://internet.watch.impress.co.jp/docs/news/20110426_442327.html IEでようやくHTML5が利用出来るようになったんですね。IE9のシェアが8割超えるまであと何年かかるかなぁ。       // //

見る 公開が延期されていたIE9日本語版、ついに公開

SVG女子|SVG Girl

http://jsdo.it/event/svggirl/howtoplay やはり今のうちからIEで何ができるのか?どんなことを表現できるのか?必要。

見る SVG女子|SVG Girl

LeaVerou / CSSS

https://github.com/LeaVerou/CSSS もしかしたら使えるかもしれない。CSSによるプレゼン。

見る LeaVerou / CSSS

NL Engenharia

http://www.nlengenharia.com/en Flashのようで、Flashではない。今後こういった技術がスタンダードになるのでしょう。

見る NL Engenharia

ONO TAKEHIKO – onotakehiko.com

http://onotakehiko.com/ おーすばらしい。デザインも技術も両方ありってことですね。

見る ONO TAKEHIKO – onotakehiko.com

NIPPON COLORS – 日本の伝統色

http://nipponcolors.com/#kuro おーすごいじゃないですか。ぐるぐる動きます。でもsafariだけかな。

見る NIPPON COLORS – 日本の伝統色

CanvasMol

http://alteredqualia.com/canvasmol/#DMT グリグリ動きますね。

見る CanvasMol

Initializr – Start your HTML5 project in 15 seconds!

http://initializr.com/ 15秒でHTML5サイトができるとか。

見る Initializr – Start your HTML5 project in 15 seconds!

HTML5 Rocks

http://www.html5rocks.com/ Googleさんが用意したHTML5のチュートリアルサイトだとか。

見る HTML5 Rocks

Apple – HTML5 Showcase – Video

http://www.apple.com/html5/showcase/video/ Videoの再生はHTML5の利用方法としてはもっとも多くなるんじゃないかな。

見る Apple – HTML5 Showcase – Video

Roberto Alanís // Digital Art, Graphic and Web Design

http://robertoalanis.com/ 1ページで完結してしまうサイトっていいかも。

見る Roberto Alanís // Digital Art, Graphic and Web Design

Image The Music . A place for Artists, of Artists.

http://www.imagethemusic.it/ キーボードで一部操作ができるんだけど・・あまり使う意味はないかも。しかし、このグラフィックは面白いです。

見る Image The Music . A place for Artists, of Artists.

Canvas3D & Flickr

http://www.xs4all.nl/~peterned/3d/ 3D的な動きもHTML5で出来るんですね。

見る Canvas3D & Flickr

js-fireworks – JavaScript Fireworks

http://js-fireworks.appspot.com/ これもHTML5。なんかできそう。

見る js-fireworks – JavaScript Fireworks

HTML5 Canvas and Audio Experiment

http://9elements.com/io/projects/html5/canvas/ Flashと同じことができるってことなのかな。

見る HTML5 Canvas and Audio Experiment

株式会社カナリヤグラフィックス

http://www.canarygraphics.jp/ HTML5を利用したサイト作りはこれから普通になっていくんだと思う。

見る 株式会社カナリヤグラフィックス

WebKit Clock

http://onotakehiko.com/webkitclock/ HTML5でこんなことができるんですね。面白いです。

見る WebKit Clock

HTML5で作られたビデオプレイヤー

http://goo.gl/Us83y Video再生のスタンダードとなるんでしょう。Flvの時代は終わろうとしているのでしょうね。 使ってみた感じ。 http://takashi.to/flarevideo/ http://takashi.to/fryplayer/ http://takashi.to/leanbackplayer/ このなかでは、「LeanBack Player」が一番使いやすいかも知れない。 iPadでも問題なく再生でできた。 あとの2つについて、理由はわからないがifreme利用すると再生されなくなる。

見る HTML5で作られたビデオプレイヤー

Subscribe ページTOPへ