タグ

CSSとPluginに関するpstudioのブックマーク (3)

  • Textillate.js

    About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.

  • メモ: Chrome拡張「Stylebot」でユーザCSSを編集する - 虎塚

    こちらは、皆さんおなじみ、某ブログサービスのトップページです。 最近、レーシックの巨大なバナー広告がときどき表示されるようになってしまいました。 自分はレーシックに恐怖心があるため、このバナーに出くわすと訳もなく不安になり、落ち着いてブログを書く気分ではなくなってしまいます。技術者にあるまじき脊髄反射でサーセン、サーセン。 というわけで、怖いバナーを非表示にするために、Chromeでユーザスタイルシートを適用する方法を調べました。 すると、Stylebotというベンリな拡張があることを知ったので、使い方をメモしておきます。 Stylebot https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha StylebotをChromeにインストールすると、アドレスバーの右端に[CSS]というアイコンが表示

    メモ: Chrome拡張「Stylebot」でユーザCSSを編集する - 虎塚
    pstudio
    pstudio 2012/06/19
    ユーザースタイルシートで驚かせたい人のよく見るサイトをカスタマイズしてサプライズとかしてみたいw
  • 透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた

    以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ

    透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
  • 1