CSS3だけでクリックでアニメーションさせる
CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。
- 投稿日
- 更新日
HTML&CSS
CSSをシンプルに書くことができるLESS使ってみた
CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。
LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。
- 投稿日
- 更新日
html5アニメーション作成ツール「Adobe Edge Preview」かるく使ってみた
html5&css3でFlashのようにアニメーションが作れる「Adobe Edge」のPreviewバージョンが公開されたようなのでかるく使ってみました。
- 投稿日
- 更新日
CSS3で画像をマウスオーバーするとボーダーがぐいってなるアニメーション
Flashサイトではよく見かけていると思いますが、画像にマウスオーバーするとボーダーが内側にアニメーションするあれをCSS3でやってみました。
Webkit系列やOperaでご覧下さい。Firefoxだとがたがたします、、、、
- 投稿日
- 更新日
リストのアイコンをcanvasで作ってみた
html5のcanvasを使えば色々できるみたいですが、リストとかのアイコンをcanvasで描いてしまうのはどうなんだろ。ということでやってみました。
- 投稿日
- 更新日
CSSでコンテンツにマウスオーバーするとアイコンが表示するTwitterのあれ
TwitterはマウスオーバーするとRTボタンやリプライボタンが表示されますが、あれをCSSでお手軽に作ってみます。
- 投稿日
- 更新日
jQueryでHTML5の独自データ属性（data Attributes）を扱う
HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。
この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。
- 投稿日
- 更新日