【jQuery】制作中【CSS3】

出遅れている中、課題の金魚ECサイトのコーディング中。
今回は横型のコンテンツなので、ページ遷移などに関して、jQueryを使ってみた。

参考にしたサイトをメモ。

【jQueryでマウスホイールで横にスクロールする横型コンテンツ】

【jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる】

こちらのページを参考にしてｊQueryプラグインを使った実装。うーん、ほとんど理解せぬまま動くから、便利だけど、自分で作っておきながらいまいちわかってない不安感。
自分のつくったページを100％理解していたいなんて思ってしまうけど、じゃあそもそもライブラリ使うなって感もあるよな・・・・・・。
ともかく、WEBは惜しみなくその技術をオープンにしてくれる方々のおかげで、こんな自分でも動的コンテンツを作ることができる。とってもありがたいです。

横スクロールで、縦書きのレイアウト部分で出来るなら画像じゃなくテキストとして記述したいと、
WEB上で縦書きを実現する方法はないのかなと探していましたら、ありました。

【JavaScript 版　縦書き化ツール「竹取JS」】

こちらはｊQueryではなくｊｓです。
サンプルページがとてもきれい。横/縦書きの切り替えをさせられるのもいい。
今回は結局使わないけれど、機会があったらぜひ使ってみたい。

HTML5の授業の中でCSS3を少しずつ使いだし……
アニメーションロールオーバーが手軽でかっこいい！
透明度調整でなんかイケてる！
角丸いちいちpng画像にしなくてもいいんだ！
と、基礎的なところで感動中。
でも、感動の勢いでついつい無意味に装飾してしまいがちになるので、ほどほどに抑えよう…。
今回は通常の金魚ECサイトにないインターフェースを、というアプローチなので、装飾に凝るのは方向としては間違っていないのですが、機能性を丸無視しちゃあしょうがないですからね。改めてここら辺を念頭に入れておかないと。

PHPの勉強に手が回らない・・・・・・