●●○○○ NTT docomo 12:34 100%
12:34
09月27日土曜日
●●○○○ NTT docomo 12:34 100%

4月1日火曜日

現在は所によって曇り。予想最高気温は29℃。今夜には晴れ、気温は22℃まで下がるでしょう。

次の予定は、19分後の"エイプリールフール"です。

カレンダー
12:00  
13:00 エイプリールフール
14:00  
15:00  
The One That Got Away
The Civil Wars - The Civil Wars
 

CSS Only iOS7

エイプリールフール用のページです。htmlとCSSのみでiOS7を再現してみました。各ボタンのアイコンは画像を使用せず、CSS3やアイコンフォントで再現しております。ボタンを押した時の動作もJavascriptを使用せず、CSS3のtransitionやanimeteを使用しております。

とりあえず動くものを実験として作りたかったので、一部妥協しているところもあります。ソースがめちゃくちゃ汚いです。

動作確認・推奨環境:Google Chrome・Safari
Firefoxでも動作しますが、若干崩れてしまいます。スマートフォンの標準ブラウザでは一部正しく動作しない部分があります。CSS3を多用しているため、IEで見ると悲惨なことになります。

技術的なお話は自分のブログで行っています。

Blog

WEBフォントやアプリアイコンは以下のページよりお借りしております。この場を借りてお礼いたします。