brass.to - a really cool domain parked on Park.ioThe domain name brass.to is being parked on Park.io. Contact the domain owner to make an offer right now...
iPhoneのCSSで拡大・縮小・回転などのアニメーションさせる方法
iPhoneのCSSで拡大・縮小・回転などのアニメーションさせる方法 Tweet 2008/8/20 水曜日 matsui Posted in iPhone | No Comments » 先日「iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法」という記事を書きましたが、今回はその続きです。 前回は、左から右にすーっとアニメーションするだけでしたが、今回は拡大・縮小・回転といったアニメーションをさせてみたいと思います。 また前回は「-webkit-animation-name」を使う方法でしたが、今回はやり方を変えてみました。 静止画なのでわかりづらいですが、左からクルクルと回転しながら縮小して、右のようになります。 サンプルコードは次の通りです。 <html> <head> <meta name="viewport" content="width=320, u
ke-tai.org > Blog Archive > iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法
iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法 Tweet 2008/8/13 水曜日 matsui Posted in iPhone | No Comments » iPhoneはJavaScriptを使わなくても、CSSのみでアニメーションができるようです。 今回はその方法をご紹介します。 サンプルとして、ボタンを押すと赤い四角が右にツーっと動く、というものを例に解説しようと思います。 この赤い四角が 「move right」ボタンを押すことで、右にアニメーションします サンプルのHTMLは次の通りです。 <html> <head> <meta name="viewport" content="width=320, user-scalable=no, maximum-scale=1.0" /> <style type="text/css"> .slide
ke-tai.org > Blog Archive > iPhone向けサイト作成のベースに便利なテンプレート集「iPhone Universal」
iPhone向けサイト作成のベースに便利なテンプレート集「iPhone Universal」 Tweet 2008/8/11 月曜日 matsui Posted in iPhone | 1 Comment » 本日は、iPhone向けサイトを作成する際に、ベースとして利用できそうなテンプレート「iPhone Universal」をご紹介します。 → Google Code iphone-universal [code.google.com] 「iPhone Universal」は、iPhone向けのページを作成するためのサンプルとなるHTML, CSSのテンプレートです。 ライセンスはGPL v3で公開されており、リストやボタン、フォームやパネルなど、一通りのサンプルが収録されています。 シンプルなリスト 入力フォーム パネル 上記画像はネイティブアプリではなく、すべてHTMLとCSSを使
ke-tai.org > Blog Archive > CSSの変更だけでPCサイトをiPhoneに対応させる方法
CSSの変更だけでPCサイトをiPhoneに対応させる方法 Tweet 2008/7/15 火曜日 matsui Posted in iPhone, 記事紹介・リンク | No Comments » 旬のiPhoneネタをご紹介します。 CSSを変更するだけで、既存のPCサイトを「iPhone」「iPod touch」に対応させる方法が、スライドで公開されています。 7/4にアップルストア銀座で行われたイベントで使われたスライド資料のようです。 → SwapSkills公式サイト 7月4日 アップルストア銀座無料イベント！開催テーマ『誰でも出来るiPhoneのウェブサイト』 [swapskills-allweb.blogspot.com] おそらくこの資料のベースとなったスライドで、内容はやや異なっていますが、スライド内で紹介されているタグを抜き出して解説していますので、こちらのページの方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
