この記事のURLをスマートフォンに送る この記事のURLをスマートフォンに送る


Demo of Flick Slide

フリック式スライド デモ

※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。

スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhone・Androidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。

【デモを見る(iPhone・Androidで見てください)】
【ダウンロード】



この記事のURLをスマートフォンに送る この記事のURLをスマートフォンに送る

※Androidでアクセスされた方は使用感をいただけると幸いです。
(サイトトップ)

先日簡単なエントリで書いてますが、今まではてなダイアリーにエントリを書いてまして、やはりデザインの限界などがありWordPressに移行しました。

PC Site View of This Site

このサイトのPCビュー

同時に、基本的なスマホ最適化もおこなっています。

ようやく自分のサイトでスマホ最適化ができたので…ということでのエントリです。

ちなみに、このサイト自体はまだまだ作りかけでして…
そもそもサイトの構成がちゃんと考えられておらず、かなりいろいろ行き届いてないサイトです(笑)
(IE系ではちゃんと表示されません…そのうち手入れします。すみません)

どちらかというと、スマホ最適化でのユーザーインターフェースに重きを置いてのエントリとなります。

では、以下にスマホ最適化でおこなったことをまとめてみました。
(ちなみに対象としているスマートフォンはiOSデバイス(iPhone, iPod Touch)、Androidです)

音楽制作について

On 2011年4月27日, in 音楽制作, by kosuke
この記事のURLをスマートフォンに送る この記事のURLをスマートフォンに送る

音楽制作の詳細については、別に運営しているサイトOrder Musicをご覧ください。
こちらのサイトでは近況の報告や音楽制作に関連する話題を中心に掲載してまいります。

Order Music

 

SVG女子がすごい

On 2011年4月26日, in CSS3, HTML5, JavaScript, by kosuke
この記事のURLをスマートフォンに送る この記事のURLをスマートフォンに送る


SVG Girl

SVG女子

IE9のプロモーションサイト「SVG女子」の日本語版が公開になりました。アニメーション制作は神風動画さん、サイト制作・開発はカヤックさん。

IE9をはじめ、ChromeやSafari、Firefox(4)あたりで見れると思います。非Flashなのです。
これ見てると、いよいよ本格的なHTML5時代が到来してきたなーと思わずにいられません。

原理はコマ撮りやパラパラアニメーションみたいなので、
Flashのモーショントゥイーンより考え方はシンプルかも。

こういうの作りたいなー。

Tagged with: