【レビュー】CSS3/HTML5ボタン「BonBonボタン」を試す | エンタープライズ | マイコミジャーナル
Interactive Designer at Refunk by day and a CSS3 explorer by night. BonBon Buttons - Sweet CSS3 buttonsに、CSS3とHTML5の機能を使って制作されたボタンサンプルが掲載されている。BonBon Buttonsと呼ばれる成果物で、大きなサイズのボタンを簡単につくることを目指して試験的に制作されたもの。BonBonという名前はフランス語でキャンディーを意味する単語からきているという。主にSafariなどのWebKit系ブラウザを対象としている。使用方法は簡単。次のようにclassの部分に用意されたクラスを指定するだけでいい。 <a href="" class="ここにクラスを指定">Label</a> 用意されている主なクラスは次のとおり。 色指定: orange、pink、blue、gr
【レポート】動くCSS3海賊 | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. mir.aculo.usのCreating awesome CSS3 animationsにおいて、CSS3を使った素晴らしいアニメーションの例としてFreelance Treasure Mapが紹介されている。Chrome、Chromium、SafariなどのWebKitベースのブラウザでアクセスするか、iPadまたはiPhoneからアクセスすると、ページ上部に掲載されている海賊のアニメーションを確認できる。 Chrome 7でFreelance Treasure Mapを閲覧した場合 瞳は瞬き
実用サンプル、CSS3ピンマップデモ | エンタープライズ | マイコミジャーナル
Ajaxian CSS3やHTML5、JavaScriptに関するティップスを多く取り上げているAjaxianがPure Pulsing CSS Map Markersという記事でCSS3 Map Makerという興味深いデモンストレーションサイトを紹介している。CSS3のみで構築されたマップピンを表示するデモで、使われている画像は地図のみ。それ以外のデータはすべてCSS3の機能を使ってレンダリングされている。ピンはパルスを放つアニメーションを繰り返し描画している。 今のところCSS3 Map Makerの機能をフルでサポートしているのはMac OS Xで動作するSafari 5のみ。Chromeでも動作するが、CSS 3Dトランスフォームが機能しないため、マップは平面上のまま表示され奥行きのあるイメージでは表示されない。サポートしていないブラウザで閲覧するとかなりずれて表示される。 CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これはすごい！CSS3で描画されたiPhone:phpspot開発日誌