CSS3アニメーションが簡単に書けるjQuery Transit
jQuery TransitはGitHub でも公開されており、ページ右下の「Download ZIP」ボタンからダウンロードできます。プラグイン配布ページでダウンロードするとminify（圧縮）されているので、プラグインの中身を見たい場合はGitHubでダウンロードしましょう。 利用するWebページの body の閉じタグ直前で、jQuery本体と「jquery.transit.min.js」を読み込みます。 //(中略) <script src="jquery.min.js"></script> <script src="jquery.transit.min.js"></script> </body> //(中略) これで準備はOKです。 step2 基本的な使い方 実際のプラグインの使い方を説明します。 jquery.transit.min.js を読み込んだ後、transition
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Circular Slideshow Plugin with jQuery and CSS3
A simple and fun slideshow plugin built with jQuery and CSS3 transforms that flips a circle in a specific angle depending on which spot of the circle we click. It works in all modern browsers which support the CSS3 3D transforms. How to use it: 1. Markup <div id="fc-slideshow" class="fc-slideshow"> <ul class="fc-slides"> <li><img src="images/1.jpg" /> <h3>Hot</h3> </li> <li><img src="images/2.jpg
【SCSS対応】CSS3PsプラグインでCSS3によるWebデザインの再現度を上げ効率化する | DevelopersIO
PhotoshopのデザインをCSS3に落とし込む際、Photoshopのレイヤースタイルの数値を細かくチェックしてCSSを組んでいくのは手間でこんなもんだろうっていう感覚でやってしまうことも多いと思います。 ちょっと前に話題になっていたフリーのプラグインなので今更ですが、「CSS3Ps」を試してみて、注意点などをまとめてみました。 インストール CSS3Ps 上のリンクからCSS3Psのサイトに移動します。 まずは右上の「Free Download」を押して、プラグインファイルをダウンロードしましょう。 ダウンロードファイルは以下の2つに別れています。 Download for Adobe Photoshop CS5 and CS6 Download for Adobe Photoshop CS3 and CS4 Mac OS X Lionの場合はAdobeから提供されているパッチのイン
CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２
There was a time when Mozilla Firefox was the most favorite browser of web developers. Then Google Chrome came along, knocked out Firefox and Internet Explorer, and took the top spot. Still, Google Chrome is the most u... Android is the world’s most used mobile operating system. No wonder when anybody wants a mobile app made, their first priority is to make an app for Android. So today we are sha
Fullscreen Slit Slider with CSS3 and jQuery
A bene placito You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity. Ralph Waldo Emerson Regula aurea Until he extends the circle of his compassion to all living things, man will not himself find peace. Albert Schweitzer Dum spiro, spero Thousands of people who say they 'love' animals sit down once or twice a day to en
jQuery.gpPowanは「ぽわーん」とさせるプラグインです。 | Ginpen.com
概要 「ぽわーん」と表示させるプラグインです。CSS3を利用しています。 .fadeIn()や .slideDown()といった .show()系の動きです。 ダウンロード jQuery.gpPowan-1.0.zip [41KB] 基本的な使い方 デモ デモ1 : 基本的なもの Demo 1 リファレンス .gpPowan([duragion][, callback]) duragion … {Number} アニメーションの継続時間。"slow"等のキーワードには対応していません。 callback … {Function} アニメーション完了時に実行するコールバック関数。 CSS3について transitionとtransform（のベンダープレフィックス付きのもの）を書き換えて、戻しません。将来のバージョンで修正予定です。 その他 ライセンス MIT License 無償で利用でき
Design Bombs
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Transit - CSS transitions and transformations for jQuery
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
https://abcyahhh.com/