Web Designing 2011年3月号の「特集2:HTML5時代のjQueryテクニック」に記事を寄稿し、下記の3項目を執筆しました。
特集2:HTML5時代のjQueryテクニック
- HTML5のvideo要素のコントローラをjQueryでカスタマイズ
- FlashからJavaScriptを呼び出してHTMLを開く
- SVGを使ったグラフのデータを外部HTMLファイルで管理
サンプルデータや詳細などはこちらからどうぞ
わたし自身は、JavaScriptはさっぱりちんぷんかんぷんなので、どちらかというと秋葉にまかせっきりで…
担当した記事の中でいちばん近かったのは、「HTML5のvideo要素のコントローラをjQueryでカスタマイズ」のところ。
jQuery UI Sliderを使うと、ボリュームスライダーみたいなのが一瞬でできるんですよね。縦向きも横向きも。
ただ、そのままだとデフォルトのままなので、それをCSSを使って幅や高さなどを決めてUIをつくるというもの。
今回は、某YouTubeを参考にしたUIにしてみました。
こだわったのは、ビデオにロールオーバーすると、シークバーがにょいっと太くなるところ。

これは、CSS3のアニメーションで実装しています。
こういうちょっとしたアニメーションがCSS3でできるようになると、わたしたちノンプログラマーにとっても、楽しいですよね!
今月号は、とにかくWebイラストレーション特集がすごい!
わたしじゃ手の届かない(届きたいけど)範囲で、唖然としました。
やっぱり絵が描ける人、ビジュアルがすごい人は本当にすごいです。
関連リンク
あと、なぜかこの特集関西メンツばっかりで濃い濃いと言われまくったのですが、他のライターさんも素敵な方ばかりですので、ぜひ応援をお願いします!



