WEBOPIXEL

HTML&CSS

jQueryでHTML5の独自データ属性(data Attributes)を扱う

Posted: 2011.07.01 / Category: HTML&CSS, javascript / Tag: ,

HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。
この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。

READ MORE

html5のcanvasで簡単な図を描いてみた

Posted: 2011.05.17 / Category: HTML&CSS / Tag: 

やらなくては、やらなくてはと思ってはいてもなかなか手を出せないhtml5ですが。
そろそろ本当にやらなくてはいけない状況になってきているようです。
で、html5とひとことで言ってもいろいろあるわけですが、とりあえずcanvasからはじめてみようかなと。

READ MORE

CSS3でベーシックなボタンを作成するチュートリアル

Posted: 2011.01.18 / Category: HTML&CSS / Tag: 

CSS3はPC向けのサイトではまだまだかもしれませんが、スマートフォン向けのサイトでは回線速度の関係や、ブラウザが限定されている関係でむしろ積極的い使うべきなんだとか。
ということで重い腰を上げてCSS3を初めてようと思います。
まずはCSS3だけでグラデーションとかシャドウのかかったボタンを作成します。

READ MORE