[B! jquery] [5ページ] stealthinuのブックマーク

[JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit

実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。約4KBと超軽量なのもいいですね。右上のオートプレイは状況も表示します。 Orbitの実装外部ファイル﹁jquery.js﹂と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"

stealthinu 2011/08/11

良さそうな感じなんだけどデモページが動かない。Firefox5。なぜだろう？

リンク

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ﹁jQuery EasyUI﹂ 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ﹁jQuery EasyUI﹂ Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。テーマやマルチリンガルにも対応しているらし

stealthinu 2011/07/20

jqueryベースでwindows的なインターフェイスを構築できるライブラリ。なかなか良さそう。

リンク

TAM　テクニカルチーム | JavaScriptで外部ファイルを読み込む | Tips Note

サイト共通で使用するヘッダーやフッター。全ファイルに同じソースを記述してもいいですが、サイト管理を考えると外部ファイルで一元管理しておきたくなります。通常はPHPやSSIを使いますが、環境によっては使えない場合があり、JavaScriptを選択する場合もあります。 document.writeで簡単に実装できますが、jQueryで使って外部ファイルを読み込むという方法もあります。 ■headタグでjQueryを読みこんで、loadします。 <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript">  </scrip

stealthinu 2011/07/12

現行のjavascriptでは外部ファイルの読み込みってないけど（2.0からはあるらしい）jquery使うとスマートにincludeが書けるらしい。

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

stealthinu 2011/06/24

ｊQueryで$()内に"<p>"とかの場合タグ生成になるがセレクタとしてしか意識せずに書かれたソースなどバリデーションせずに値を突っ込んでるとXSSが発生してしまう。すばらしい指摘。こんなの気づけるようになりたい。 ●security ●jquery

リンク

jQueryを使って実装する、かっこいいナビゲーションのまとめ | コリス

利用しやすいものから、利用シーンを選ぶものまで、jQueryを使って実装したナビゲーションを紹介します。

stealthinu 2011/06/22

jqueryつかったナビゲーションメニューのサンプル。

リンク

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

stealthinu 2011/04/06

適当な要素をなんでも「震わせる」ことが出来るjQueryプラグイン。おもろいｗ

リンク

フォームのバリデーション用jQueryプラグインいろいろ+α

個人的なメモ。普段さほど使うことが無いので、必要な時に探すのに時間掛からないようにまとめておきます。沢山ある必要はさほど無いのですが、勉強用も兼ねていろいろと数を揃えておきました。お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。 exValidation 安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。どんなフォームにも使えるjQueryのフォームバリデーション exValidation jquery.validate.js Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。

stealthinu 2011/03/09

jQuery使ったフォームバリデーションのプラグインについてまとめ

リンク

jQueryとGreasemonkeyの相性が素晴らしく良い件 - monjudoh’s diary

pixiv_add-bookmark.user.js · GitHubを弄ってて実感した。 DOMツリー構築とE4X jQueryだとjQuery関数にHTML断片を文字列として渡す事でDOMツリーを構築する事が出来る。で、Greasemonkeyのscriptが動く環境は当然FirefoxなのでE4Xを使う事が出来る。すると、どうなるか？このリビジョンからコードを引用する。 var $mainTable = $( <table class="gm-pixiv-bookmark-maintable"> <tr> <th>グループ‥</th> <td/> </tr> <tr> <th>公開設定‥</th> <td> <input type="radio" id="res0" name="restrict" value="0" checked="true" /> <label for="

stealthinu 2011/03/04

greasemonkeyでresource指定するとその分は別に保管しておいてくれるため細かなファイルを読み直す時間が掛からない。

リンク

jQuery & Greasemonkey: How to play nicely with jQuery and Greasemonkey

Overview This is a simple snippet that helps us load the jQuery power into our userscripts with Greasemonkey 0.7 or lower, newer versions may use @require. Updates 2010-04-24: The userscript checks if jQuery is already loaded in the page and uses it, otherwise loads it from Google's CDN. It's also using jQuery.noConflict(true). Thanks to everyone who sent me em ails about this over this and last ye

stealthinu 2011/03/03

chromeのgreasemonkeyでjQueryを読み込むための方法。requireでは上手く読めないので…　あとセキュリティ上の理由でchromeはページのjavascriptは呼べないらしい。だからjQuery自分で呼ぶ必要あり。古い？ ●greasemonkey ●jquery ●javascript ●chrome

リンク

User Script Tip: Using jQuery - Erik Vold's Blog

A very common question that I see asked on stackoverflow.com, the greasemonkey-users mailing list, and in #greasemonkey on freenode, is how to use third party libraries with a user script. The common response is to use @require, but these days people want their user scripts to work on Google Chrome too, and unfortunately Google Chrome user scripts do not support a lot of the Greasemonkey metadata

stealthinu 2011/03/03

chromeのgreasemonkeyでjQueryを読み込むための方法。requireでは上手く読めないので…　あとセキュリティ上の理由でchromeはページのjavascriptは呼べないらしい。だからjQuery自分で呼ぶ必要あり。 ●greasemonkey ●jquery ●javascript ●chrome

リンク

jQueryのfilterとfindの違い

jQueryで要素を対象要素を絞ろうと思ったときに限って、idで抜き出すのが難しかったりする。そんなとき便利なのが、findメソッドとfilterメソッド。けど、この2つは一見非常に良く似ている。ここに違いをメモしておく。次のようなHTMLがあったとします。 <div>hgoe1</div> <div>hgoe2</div> <div>hgoe3</div> <div class="hoge">hgoe4</div> <div> <span class="hoge">hgoe5</span> </div> そこからfilterメソッドとfindメソッドでそれぞれ要素を抽出し、抽出された要素からclass="hoge"のものを抜き出して処理を行います。 $(function() { // filterメソッド $('div').filter(function (index) {re

stealthinu 2011/03/02

.filterと.findの違い。要素をフィルタするのか、要素のもってる子の中から探すのか、の違い。なるほど。 ●jquery ●javascript

リンク

Срок регистрации домена закончился

Срок регистрации домена FUTURECOLORS.RU закончился Услуга по регистрации доменного имени FUTURECOLORS.RU временно не предоставляется. Продлить домен Если вы хотите приобрести этот домен — закажите услугу «Доменный брокер». Мы проведем переговоры с текущим владельцем имени и организуем безопасную сделку. Заказать услугу «Доменный брокер» Если администратор домена не продлит регистрацию, домен освоб

stealthinu 2011/03/02

jQueryのチートシート 1.5対応印刷用PDFあり

リンク

jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。１）3D表示プラグインサンプルデモ今年のトレンドと言えば3D。というわけでこちら。まずはサンプルデモを確認。触ってわかる通りですが、2枚の画像が3D表示されます。呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

stealthinu 2010/11/18

jQueryで使えそうなプラグイン紹介

リンク

jQuery 1.4.3 Offline Learning Kit

Welcome To AddyOsmani.com ” Hey guys. My name is Addy and I'm a passionate Web Developer. On my site you can find useful tutorials on jQuery, JavaScript and User Interface design. Who Am I? I'm a passionate 24 year old Irish Web Designer & Developer and (currently) a Project Manager who loves creating exciting new user interfaces and writing about topics that can help other web designers out there

stealthinu 2010/11/11

jQuery オフラインラーニングキット

リンク

IBM Developer

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.

stealthinu 2010/10/20

JSONPの解説。jQueryを利用したJSONPの利用についても解説あり「callback=?」の件も書かれている。

リンク

jQuery.getJSON()で別ドメインのJSONPなデータを読み込む時の注意 - kanonji’s diary

jQuery.getJSON(url, data, callback); $.getJSON(url, data, callback); jQuery1.2以降で、かつAPI側が対応*1していればですが、jQuery.getJSON() で別ドメインにあるJSONPデータを読み込めます。 JSONPを返すAPIというのは、どこかに仕様があるのか暗黙の習慣なのかは知らないけど、APIのURIに callback=foo*2 といった引数を付ける事になります。 jQuery.getJSON() でもcallback=? をつけると説明する記事がちらほらありますが、ちょっと誤解しやすい気がします。自分は勘違いしました。 $.getJSON('http://search.twitter.com/search.json?callback=?', { q: "#jquery" }, function

stealthinu 2010/10/20

jQueryのgetJSONでは最後につける﹁callback=?﹂が重要。これが無いとちゃんと動かない。この﹁?﹂をそのまま？と書くことが必要。 ●jquery ●javascript

リンク

これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌

これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK見ての通りUIもなかなかいい感じです。スケジュール管理等に活用できますね。関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる﹁jquery-w

stealthinu 2010/06/08

Googleカレンダーコンパチなアプリ

リンク

dev7studios

Ahoy, me hearties! We are Themeisle and we build long-lasting

stealthinu 2010/04/05

jQueryで動くオートイメージスライダー。これでフラッシュ置き換えが可能、かなあ。

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri