Css3
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1801/html5%e3%81%ab%e3%82%88%e3%82%8b%e3%82%b9%e3%83%86%e3%83%83%e3%83%97%e3%82%b7%e3%83%bc%e3%82%b1%e3%83%b3%e3%82%b5%e3%83%bc%e3%80%81%e3%80%8cpattern-sketch%e3%80%8d/’;Check 音楽クリエイターからWebクリエイターに転身あるいは同時進行中の人、私も含め多く散見される。こういう人たちはexpress(表現)+ communication(伝達)が重要なのであって、その二つを実現する手段=触媒として、たまたま音で行うことを選んだというだけのことで、実は触媒が音だろうと画像だろうとテキストだろうとかまわない(実際にはそれらを組み合わせてwebで表現する「Web表現」というのが正しいだろう)。もし純粋に音楽を追求したいというのだったらそのままサウンドの追求に邁進するだろう(もちろん需給のバランスで本当は音楽制作を続けたかったがやむなくWeb制作に走ったという人も多いだろう)。しかしいざWebクリエイターとしてWeb表現を追求し始めると、音楽表現のノウハウが生かせる場面が非常に少ないことに気付きしばし悩む。Webは「目で見て動かして楽しむ」というプロセスが基本なのだ。そのようなWebの性質もあり、Web表現における音に関する仕様は視覚表現におけるそれより随分遅れていた。しかしここにきて、html5のオーディオ系の最新APIとクラウド環境が急ピッチで進化してきた。そのおかげでこのようなWebアプリケーションが実用レベルで作成可能になった。これはブラウザでシーケンスを組み完成させたらクラウド上でオーディオファイルを書き出し、それをe-mailやsoundclooudでシェアする、というクラウド型の音楽制作アプリケーションサービス。 http://patternsketch.com/
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1729/jsdo-it%e3%81%ab%e6%8a%95%e7%a8%bf%e3%81%97%e3%81%9f%ef%bc%93%e3%81%a4%e3%81%ae%e5%ae%9f%e9%a8%93%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/’;Checkくるくるディスプレイ くるくるディスプレイ – jsdo.it – share JavaScript, HTML5 and CSS トップページでコンテンツ内のサムネイルを並べているようなサイトで、ちょっとしたアニメーションで遊びたい、という場合などに使っていただけるのではないでしょうか。 ただ残念なことに現在、css3のtransitionの対応状況がまちまちで、webkit系(chrome safari)でしか正しく動作しないこと、さらにはrotateY(Y方向に回転)というパラメータの挙動にも差異がある(X方向に回転してしまうケースもある)という状況です。 css3 next/prev button + 簡易カウンタ css3 next/prev button + 簡易カウンタ – jsdo.it – share JavaScript, HTML5 and CSS css3で、押した時の状態も含めてどれくらいリアルに作れるかを検証しました。それだけでは寂しいのでjQueryで簡易カウンタを作成しました。使いみちは、貴方次第! ボタンを追加し均等な幅に並べる ボタンを追加し均等な幅に並べる – jsdo.it – share JavaScript, HTML5 and CSS 「ボタンを一列に並べたい。その際、常に横幅いっぱいの大きさになるようにしたい。ボタンを追加するのは、cssをいじらずhtmlに要素を追加するだけでできるようにしたい」という要望に答えて作成したソースの応用で作ってみました。これも使い方は、貴方次第! ※これらの実験(というか遊び)は、css3を多用しており、Google Chromeを基準ブラウザとしております。ご了承ください。