Design with PC Subscribe to this blogStarter. Entrepreneur. Web Developer. Co founded Mr Right and Kaaryaa Labs. BlogHovercardddSlick Ever wanted a drop down with images? Well, You now have a plugin for that! A free light weight jQuery plugin that allows you to create a custom drop down with images and description. What is so cool about this plugin! Adds images and description to otherwise boring
iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
wp_enqueue_script() の第二引数にURLを指定できるってんでやってみたんですが、駄目でした。 @ginpei_jp jqueryはすでに予約されているので、いったん wp_deregister_script で解除しないといけないです — Takuro Hishikawaさん (@HissyNC) 8月 12, 2012 なるほどなるほど。 一度deregisterしてから という事で、これなら使えました。 <?php wp_deregister_script('jquery'); ?> <?php wp_enqueue_script('jquery', 'http://code.jquery.com/jquery-1.8.0.min.js'); ?> 良かった。ありがとうございます。 registerしてないけど? deregisterと対になるのはもちろんregist
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。(ちょっとだけどね。) えらい! jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。 内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('clic
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! There are lots of dropdown menus already out there. I’m not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically
Buy this domain. creatorish.com 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Webkit系で使えるFilter Effectsを 利用して、画像にチルトシフトっぽい エフェクトを与えられる、という jQueryのプラグインです。非常に 限られたシーンでしか利用できませ んがこういう加工がPs不要で出来る のは素敵ですね。 CSS3+jQueryで実装するチルトシフトエフェクトです。利用シーンは限られものの、ちょっと面白いです。 こんな感じのチルトシフト効果をJSとCSSで与える、というもの。デモではマウスを乗せると元画像を確認出来ます。 Sample サンプルです。ChromeかSafariでご確認下さい。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type='t
日本でも人気の高いprototype.jsのようなライブラリを、既に用いてサイト構築をしている人も多いかと思います。 しかし、新たにjQueryも試してみたい。あるいはjQueryで作られたライブラリを導入してみたい...というような場合、最も問題になるのは「$」関数の扱いです。 prototype.jsにおいて、$は"document.getElementById"に代わるもので、非常によく使われます。 一方でjQueryでは核であるjQueryオブジェクトのことで、これを使わずにjQueryのコードを書くことは、ほぼ無いでしょう。 これらを共存させるには、jQueryの"noConflict"を使います。 全ての箇所で$をprototype.jsの動作をさせる場合 次のように記述します。 <script src="prototype.js"></script> <script src
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
DOM要素に折り目のエフェクト を加えるjQueryのプラグイン です。折り紙とDOMをかけてこ のネーミングになったみたい です。使うかどうかは別にして ちょっと面白かった。 紙を折るようなエフェクトをDOM要素に加える、というスクリプト。デモにGifアニメーションがあったのですが、これがなかなか面白かったです。
画像の情報なんかをスライドやフェードでかっこ良く表示させたい時に最適なjQueryプラグインです。 いつものようにデモページを拵えたので見てください。公式のデモとたいして違いはないんですけど。 Demo Mosaicの実装例 デモページの5番目(上からスルッと出てくるヤツ)について解説します。 スクリプトを読み込む <script src="js/jquery.js"></script> <script src="js/mosaic.1.0.1.min.js"></script> jQuery(function($){ $('.bar3').mosaic({ animation : 'slide', //slideかfadeが選べる anchor_y : 'top' //キャプションを表示させる位置 }); }); 上記以外にも色々なアニメーションを指定できます。 animation :
20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナーなものまで、まとまっていて選択の際に便利かも。 そんなこんなで、このブログも7年ぐらいほぼ毎日更新を続けていますが、LightBox登場あたりから7年も経つのかと時の流れの速さを感じています。 関連エントリ CSS3で出来たクールなLightBox実装チュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く