スクロールに応じて要素が動く、パララックスを実装できるjQueryプラグイン「scrolldeck」 | Web活メモ帳
スクロールによるパララックス効果を実装できるjQueryプラグイン「scrolldeck」 スクロールすると、画像やテキスト、その他色々な要素がアニメーションするWebデザインを最近良く見かけます。 パララックス(視差効果)や細かなアニメーションするものまで、様々なものがあると思いますが、 本日紹介する「scrolldeck」を使用するとパララックス効果を簡単に実装できるようになります。 パララックスがどんなものか分からない方のために先にプラグインのデモリンクを貼っておきます。 デモ1 デモ2 デモ3 スクロールで画像がずれて行く感じがたまらないですね。 使い方 プラグインを初期化します。 $(document).ready(function() { var deck = new $.scrolldeck(); }); オプション設定をする場合 $(document).ready(func
日本語版WordPressの曜日・月表記を英語にする方法 スタッフブログ 香川県 ホームページ制作会社 WEB CONSULTING FEEL
WordPress日本語版では月名や曜日がどうしても日本語表記になってしまうという問題があります。 こちらのサイトでは locale.php を直接編集するパターンがアップされています。 小粋空間: WordPress の月および曜日を英語表記にする ただスクリプト編集が苦手な方にも行いやすいように、Wordpressプラグイン化してみました。 これを使えば一発で変わるはず・・・です。 細かくデバッグしていませんので問題があれば教えてください。 ■ダウンロード >> WordPress EnglishDate プラグイン ver0.2 ■使い方 ファイルを展開してできた EnglishDate フォルダごと wordpress の wp-content/plugins フォルダにアップロードします。 管理者画面に入ってプラグインを有効にしてください。 » テーマの変更 送信
Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン
こんにちは。きんくまです。 えっと、この前からDreamweaverのコマンドの作り方を調べてました。そしたら、あれですね。 ドリはhtmlとJavaScriptで作るんですね。 htmlでパネルを作って、JavaScriptで操作するという感じです。でも、大掛かりなやつだとファイルを分けた方がいいと思うんですが、小さめなやつだとhtmlに埋め込んでも問題ないようです。 実際、ヒストリパネルから、自作コマンドを保存した場合、htmlの中にJSが埋め込まれてます。 さて、今回のコマンドは画像の幅と高さをリセットするコマンドです。 いや、正確にいうと、もし幅と高さの属性を持っていない場合は、幅と高さを付け足しちゃうコマンドです。 具体的には、 <div id="id_1"> <h1><img src="images/id_1_1.jpg"></h1> <img src="images/c3_3
カテゴリー別に月別アーカイブを表示する : WordPress | FindxFine
WordPressは日付とカテゴリーの両方を条件にしてアーカイブリストを表示することが難しい。その問題を解決するプラグイン。 Archives for a category WordPress plugin テンプレートタグwp get archivesは日付ベース(月・年・週など)のアーカイブリストを表示する。カテゴリーを条件とした絞り込みはできない。 下記に紹介するプラグインを使うとwp_get_archivesは日付ベースだけでなくカテゴリーも条件としてアーカイブリストを抽出できる。 » Archives for a category WordPress plugin このプラグインを使うとテンプレートタグwp_get_archivesを引数(cat)をつけて呼び出すことができる[1]。 wp_get_archives('cat=●●●'); 上記のコードはwp_get_archiv
[JS]一つ一つのパネル表示をカスタマイズできるスライドショーのスクリプト -imgPlayer
一つ一つのパネルを異なるサイズで、最適な位置に表示し、異なる背景やアニメーションを設定できるスライドショーのスクリプトを紹介します。 imgPlayer デモページ [ad#ad-2] デモでは10枚のパネルがセットされており、それぞれ異なるサイズ、最適な位置で表示し、さまざまなアニメーションで切り替わります。 2枚目を表示したキャプチャ 静止画ではその楽しさが分からないので、ぜひデモをどうぞ。 デモページ スライドショーの操作は、画像の左右のアロー、下のナビゲーション、キーボードの矢印キーに対応しています。 実装は少し面倒で、個々のパネルごとに座標とサイズなどを指定します。 キャプションも設定できます。 JavaScript パネル（一枚）の設定例です。 [221,30,386,518,{ onStart: function(){ darkStyle(); $('#text').html
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
BTCNewプラグインでwordpress記事にRetweetを引用する方法
ブログのコメント機能を外しましたが、画面がすこし寂しい… そこで、twitterのコメントなどを拾って表示できるプラグインを探してみました。 見つかったのが「BTCNew」 このプラグインが便利だったので使い方をメモします。 BTCnewが不安定な方へ 解決の目処が立たないため別のプラグインも試しています。 コチラの記事も参考までどうぞ！ Link – http://mag.torumade.nu/?tag=btcnew ダッシュボードにアクセスし、プラグインのインストールから「btcnew」を検索します。 2011年2月7日時点の最新バージョンは「0.0.4」になります。 これをインストールします。 インストールが完了したら「プラグインを有効化」をクリックして利用可能な状態にします。 有効化すると「Configure the plugin」のメッセージが表示されますので、これをクリックし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PSDファイルからテキストを抽出してtxtファイルにまとめてくれるスクリプト | バシャログ。
Tiny Circleslider: A lightweight cross browser circular carousel.