[B! *jQuery] [10ページ] yamadarのブックマーク

yamadar id:yamadar

*jQueryに関するyamadarのブックマーク (214)

Redirecting
Redirecting... Click here if you are not redirected.
yamadar 2011/04/07
ｊQueryよりCSS3の書き方に注目。

*CSS3

*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
yamadar 2011/04/07
ソースコードが読みやすい。きれい。参考にしたい。

●*jQuery
リンク
要素をバイブレーションさせられるjQueryプラグイン「jRumble」:phpspot開発日誌
jRumble | A jQuery Plugin That Rumbles Elements 要素をバイブレーションさせられるjQueryプラグイン﹁jRumble﹂。カーソルを合わせる等のアクションをトリガとして、アイテムを自由にバイブレーションして目立たせることが出来るjQueryプラグインです。利用者の注目を集めたい場所に仕込んでおくことで、かなり注意をひけそう。メニューなんかもブルブルさせて今の位置を分かりやすくしたりも。 CSS3で回転なんかもできるようになってよりリアルにブルブルしてます。動きの強さなんかはパラメータで簡単に調整できます。ユーザビリティを上げるための1つのテクニックとして覚えておいて損はないですね。追記︶CPU利用率が高まるということで利用には注意が必要です関連エントリ1枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン﹁i
yamadar 2011/04/07
面白い！！！ｗ

*jQuery
リンク
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
yamadar 2011/03/20
使いやすい。

*jQuery
リンク
jQuery Textbox Hinter
Features Simple and light-weight. No knowledge of programming required. Can add classes to default text. Can add hints to multiple to textboxes and textareas. Cross browser supported. Customziable. Multiple browsers support Buy me coffee ! If you like this work and found this useful buy me a coffee ! your donation will motivate me to develop and support this work.
yamadar 2011/03/19
おせわになります

*javascript

*jQuery
リンク
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる－ Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である具体的な
yamadar 2011/02/16
*HTML5

*jQuery
リンク
jQueryで複数セレクタを and 条件と or 条件で指定するときの指定方法の違いをメモする - 雑想空間
はまったのでメモ。 jQuery でセレクタを複数条件で指定したい場合などがある。例えばこんな場合 <table> <tr> <td class="a" id="1">a-1</td> <td class="a" id="2">a-2</td> <td class="a" id="3">a-3</td> </tr> <tr> <td class="b" id="4">b-4</td> <td class="b" id="5">b-5</td> <td class="b" id="6">b-6</td> </tr> </table>こんなテーブル構造があった場合。 classが"a"、idが"5"のカラムの色を変えたい場合。 $(function() { $(".a,#5").css("backgroundColor", "red"); });これでOK。これはor条件ですね。cl
yamadar 2011/02/15
セレクタ

*jQuery

*CSS
リンク
高速でプログラミング言語をマスターするのに有効な記事まとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
yamadar 2011/02/03
*Perl

*PHP

*Ruby

*Java

*javascript

*CSS

*jQuery

まとめ
リンク
jQueryの基礎(1) - omnioo lab.
- 1 user
- omnioo.com
- 学び
yamadar 2011/01/07
$(document).ready();は必ず使うと言っても過言ではないので、$();とドルマークだけを使って書くことができます。

*jQuery
リンク
jQueryを読むために知っておきたい6つの知識 : tech.kayac.com - KAYAC engineers' blog
夏休みはタイ古式マッサージセミナーに参加してきました。agoです。先週日曜日若手IT勉強会に参加させていただき、jQueryのコードリーディングを行ってきました。そこでjQueryのコードを読むときの基礎知識に関して簡単にまとめてみたいと思います。1変数の複数同時宣言と代入まず、JSでは変数の宣言は以下のような形式で行います。 var hoge; この場合は単一の変数の宣言ですが、以下のような記述を行うと複数の変数を同時に宣言することが可能です。 var hoge, huga; また、変数宣言と同時に値の代入を行うことも可能で、その場合以下のような記述になります。 var hoge = 'test'; さらに複数の変数宣言と、値の代入は同時に行うことが可能で、その場合以下のような記述になります。 var hoge = 'test1', huga = 'test2'; jQuery
yamadar 2010/12/18
*jQuery

*javascript

@kayac
リンク
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;
yamadar 2010/11/20
*jQuery

**あとで読む

まとめ

プラグイン
リンク
Datepicker | jQuery UI
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
yamadar 2010/11/19
DatePicker、カレンダー。

*jQuery
リンク
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
10 Powerful AJAX jQuery File Uploaders | CreativeFan 画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10。アップローダ実装にまよったらとりあえず、このエントリを参考に比較検討できそうです。 Valums AJAX Uploader Plupload Uploadify AJAX Multiple File Upload Form using jQuery jQuery Multiple File Upload Plugin これだけあれば、自分にあったものが見つかりそうですね。
yamadar 2010/11/11
Ajaxでファイルアップロード！

*javascript

*jQuery
リンク
jQT
jQT A Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.
yamadar 2010/11/04
iPhone

*jQuery
リンク
ke-tai.org > Blog Archive > jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ
jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ Tweet 2010/10/22 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」のAlpha版が、2010年10月16日にリリースされました。プログラマにもデザイナにも人気のあるjQueryですし、スマートフォン向けサイトの需要が日に日に増している状況ですので、これは期待のプロジェクトだと思います。そんな「jQuery Mobile」の情報を簡単にですがまとめてみました。まず本家のサイト。 →　jQuery Mobile　トップ [querymobile.com] →　jQuery Mobile　Alpha 1
yamadar 2010/10/29
jquery mobile のまとめ

mobile

*jQuery
リンク
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
yamadar 2010/10/20
jQuery UI のモバイル版。jQuery + HTML5な感じらしいよ。

*javascript

*jQuery

mobile

**あとでやる
リンク
クロスブラウザーな回転 - お前の血は何色だ!! 4
jQueryを利用したクロスブラウザーな回転を作りました。 http://rtilabs.net/files/2010_09_04/rotate.html jquery 1.4.4 以上だとエラーになってしまうのバグを教えてもらったので、対策バージョンを作成しました。 http://rtilabs.net/files/2011_02_03/rotate.htmlIEで正しく動かなかったので修正しました。 http://rtilabs.net/files/2011_09_16/rotate.html モダンなブラウザは css3の transf ormで回転させています。モダンではないIEはfilterでがんばって回転させています。IEでの回転の計算式は http://p2b.jp/200912-CSS3-Transf orm-for-IE8 さんを参考にしています。IEだと filt
yamadar 2010/10/20
*jQuery

*javascript
リンク
jQuery のcssプロパティ拡張(独自プロパティ)の作り方 - お前の血は何色だ!! 4
みんな大好き、javascriptライブラリの jQueryには、 $(elem).css({ width: 123 }); とか var width = $(elem).css('width'); とか $(elem).css('width',123); とかみたいに、 .css メソッドを利用して値が設定や取得ができます。ただ、最初から決められたものだけではなくて、自分で好きなプロパティ作って自由に設定したいですよねwここでは、前回作った、クロスブラウザな回転で rotate や transf orm を実装したときに使ったテクニックを解説したいと思います。クロスブラウザーな回転では、 rotate 等の独自プロパティを定義しています。 rotateによって、自由な回転角度を設定できます。 $(elem).css({ rotate: 123 }); とか var rotate
yamadar 2010/10/20
なんだこれすごい

*javascript

*jQuery
リンク
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン﹁jGmaps﹂必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。文字による案内情報も表示できます。会社案内や会場案内なんかもこれで速攻実装できそうですね。ダウンロードできるサンプルをいじくってみましょう。地名に日本の場所を漢字で使う場合、文字コードはUTF-
yamadar 2010/10/08
jGmaps。めちゃ便利だ。

*jQuery

*javascript
リンク
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。デバッグ支援機能について追記しました。特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド不明本来の用途 WebOS / WebApp DOMの操作とサイトの装飾使われ方導入実績なし小〜中規模サイト / ポータルサイト等想定されるコアユーザ層エンジニアデザイナー / コーダー / エンジニア名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約uuまた
yamadar 2010/09/10
uupaaさんに惚れる。

*javascript

*jQuery

.uupaa

*uupaa.js
リンク
前のページ 2 3 4 5 6 7 8 9 10 11 次のページ