tamazirouのブックマーク / 2013年12月14日

tamazirou id:tamazirou

2013年12月14日のブックマーク (3件)

WPぷらコレ！ | WordPressプラグイン厳選コレクション
WordPressには、最初から「Akismet」という優秀なアンチスパムプラグインがインストールされていますが、それだけでは追いつかない状況が出てくる場面が多くなってきました。 ...
tamazirou 2013/12/14
WordPress

プラグイン
リンク
CSS3アニメーションを使ってサイトをリッチに表現する
目次なぜCSSアニメーションなのか？パフォーマンス的観点 CSS vs jQuery1. CSSによるアニメーション2. jQueryによるアニメーションブラウザ対応状況CSSアニメーションの書き方どこからアニメーションの着想を得るか最後に参考CSS Property Advent Calendar 2013の11日目の記事としてCSSアニメーションのプロパティを紹介をします。なぜCSSアニメーションなのか？さて本ブログでもタイトルやアイキャッチ画像のイメージの表示にちょっとしたCSS3アニメーションを採用しています。ほんのちょっとのCSSの記述なんですがサイトがイイ感じにリッチに見えてとても気に入ってます。 jQueryなんかでも.animate()を使えばアニメーションができますね。ではなぜCSS3アニメーションなのか？　そこからエントリを始めてみたいと思います。パフォーマンス
tamazirou 2013/12/14
アニメーション

CSS
リンク
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
tamazirou 2013/12/14
CSS

ボタン
リンク
- 2013年12月18日
- 2013年12月14日
- 2013年12月13日