作ったものを置いとく場所


#css3 + js clock

やったこと

#javascript
(現在時刻の取得, ifでmonthの値をJan, Feb, Mar...と取得した値によってアルファベットに変える
毎秒乱数を発生させ16進数に,その頭に#を加え文字色を変える, ifでhoursの値によって背景色が変わるように
0:00~4:59: 黒
5:00~11:59: 水色
12:00~15:59: もっと水色
16:00~19:59: 青とオレンジのグラデーション
20:00~23:59: 紺色)

#CSS3
(linear-gradientで背景にグラデーションがかかるように[実際にstyleを指定しているのはjs]
IE9, firefox, safariはベンダープレフィックスを書いてないので背景が表示されないかも?)


#sample_1

やったこと

2013年9月のデザイン
#トップページ
css3+jsclockを全体的に小さくして表示
更新履歴の部分はjQuery UIを使いy方向にリサイズ可能に
時計やボタン、更新履歴は同じくjQuery UIを使い、無駄にドラッグ可能に

#テキストページ, リンクページ
jQueryを使い要素の表示非表示を切り替え

back

inserted by FC2 system