30+ Fresh & Amazing jQuery Plugins & Tutorials
jQuery is slowly becoming ubiquitous in the web development arena all due to its easy to learn, easy to use and easy to extend nature. Here are 30+ fresh and amazing jQuery plugins and tutorials which i have hand-picked from jQuery articles or plugins published in last 30 days on the interwebs. If you are looking for latest on jQuery, then this is a must read for you.
プラグインの作成方法 : jQuery | FindxFine
Category Archives « WordPress Plugins List Calendar « WordPress Plugins Min Calendar « WordPress Plugins Resize Editor « WordPress Plugins concrete5 Infotown Table 簡単な操作でテーブルを作成するアドオンを公開しています。 EC-CUBE3 EC-CUBE3のプラグインは2016年1月28日(木)に開発元である株式会社ロックオン主催のEC-CUBEプラグインアワード3.0で開発プラグインInfoTownLinkWpがCPI賞と入選のW受賞を果たしました EC-CUBEプラグインアワード3.0 結果発表 / ECサイト構築・リニューアル / ECオープンプラットフォームEC-CUBE InfoTownLinkWp 様々な条件を指定し
10 Fresh jQuery Plugins and Tutorials - Web Design Ledger
Tutorials 10 Fresh jQuery Plugins and Tutorials Henry JonesOctober 22, 201013 Comments05.3k The popularity of jQuery continues to grow. This means that we’re seeing it used on more websites these days, and there are more developers coming up with new ways to use it. The great thing about that is many of these developers are sharing what they learn though tutorials and plugins. We’re always on the
jQuery で要素に複数のクラスが指定されているか調べる .hasClasses() | JavaScript | かたつむりくんのWWW
jQuery で、対象要素にクラスが指定されているかを調べるには、.hasClass() というメソッドを使います。 このメソッドは、引数に指定したクラス名が対象要素に指定されている場合は true を返し、指定されていない場合は false を返すメソッドです。 しかし、この .hasClass() は、渡された文字列を検索するだけなので、一つのクラス名についてしか調べることができません（場合によっては複数もできるけど）。そこで、複数のクラスがついているか調べることができる「 .hasClasses() 」というメソッドを書いてみました。すでに書いている人がいたらごめんなさい。 【2010-10-20 追記】 @rewish さんと@5509 さんのご意見を取り入れて少し変えました。こういう反応って嬉しいな〜！ jQuery.fn.extend({ hasClasses: functio
[JS]実装のロジックを理解して、自分に適したツールチップを作成するチュートリアル
ツールチップのスクリプトやプラグインは、数多くリリースされています。 ここではjQueryを使用したツールチップをどのようなロジックで実装するかを解説したチュートリアルを紹介します。 Simple Tooltip w/ jQuery & CSS デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 1. マークアップ -HTML 2. スタイル -CSS 3. エフェクト -jQuery 4. スクリプトのロジック 5. 注意点 1. マークアップ -HTML マークアップをする際に気をつけることは可能な限りシンプルするのと同時に、さまざまなシナリオに対応できるよう柔軟にすることです。 メインとなるa要素にはツールチップを表示するために、class名「tip_trigger」を記述します。また、ツールチップのコンテンツを配置するspan要素には、class名「tip」を記述
15 Must See JQuery Slideshow Plugins and Tutorials
Browse: Home » Design » 15 Must See JQuery Slideshow Plugins and Tutorials Designers often using jQuery slideshow To support their work. There are so many jQuery slide show plug-ins to choose from and is very easy to implement them into your blog or Portfolio. This post includes some of jQuery Slideshow Plugins and Tutorials. We hope you’ll find this collection useful for both your personal and pr
jQueryを使ってiframe要素の中身にアクセスする | バシャログ。
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
How to Visualize Data Beautifully With the Chart.js Library
Creating charts that look presentable can be a bit of a pain. Most often, web designers or developers use graphics to display data using Photoshop or Illustrator, which may take a lot time to be done. Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW Visualization of Data With Chart.js – Tutorial The Chart.js library is one of the gre
Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites — Smashing Magazine
Interactivity can transform a dull static website into a dynamic tool that not only delights users but conveys information more effectively. In this post, we’ll walk through five different coding techniques that can be easily implemented on any website to provide a richer user experience. These techniques will allow you to better display difficult content, help users find information more effectiv
jQueryのアニメーション関連いろいろまとめ :: 5509
jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。 TIPS/チュートリアル プラグイン/animateメソッドの拡張など プラグイン/単体で使えるものなど プラグイン/スクロール系 TIPS/チュートリアル animate(params, options) http://semooh.jp/jquery/api/effects/animate/params,+options/ まずはjQuery animateの基本を押さえましょう。 Using jQuery Stop http://css-tricks.com/examples/jQuery
14のjQueryベストプラクティス[to-R]
14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv
![14のjQueryベストプラクティス[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
19 Unique jQuery Tutorials for Web Developers - Web Design Ledger
Tutorials 19 Unique jQuery Tutorials for Web Developers Jake RocheleauSeptember 10, 201013 Comments05.4k jQuery is the premier library for coding JavaScript page effects. Most popular content management packages run jQuery for both admin and frontend design effects. As a web developer jQuery can be a fun library to spend some time learning and offers tremendous design potential. It seems there are
jQuery Plugin Checklist: Should You Use That jQuery Plug-In? — Smashing Magazine
jQuery plug-ins provide an excellent way to save time and streamline development, allowing programmers to avoid having to build every component from scratch. But plug-ins are also a wild card that introduce an element of uncertainty into any code base. A good plug-in saves countless development hours; a bad plug-in leads to bug fixes that take longer than actually building the component from scrat
jQuery ベースのドロップダウンメニュー「Superfish」（縦メニュー）
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 このエントリーは「jQuery ベースのドロップダウンメニュー「Superfish」」の縦型メニュー版の設定方法です。質問を頂きましたので本エントリーで紹介致します。 サンプルを用意しましたので動作をご確認してください。 Superfish によるグローバルナビゲーションのサンプル ここでは、Superfish + Movable Type（配布テンプレート）による、冒頭の画像ような、サイドバーにカテゴリメニューを設定する方法を紹介します。 １．Superfish のダウンロード Superfish のサイトにアクセス。 タブの「Download & Support」をクリックし、「Superfish-1.4.8.zip（2009年9月時点のバージョン）」のリンクをクリックしてアーカイブを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Mimic the iGoogle Interface
Top jQuery WordPress Tutorials and Plugins - Designmodo
jQueryGlobe - Daily source of tutorials, examples & news for jQuery
jQueryでテーブルの行を1行おきに色分けする方法 | Igaloglog
Blogger
Quick Jquery: How to reduce DOM traversing