タグ

jqueryに関するAkazaのブックマーク (22)

  • Jcrop - Deep Liquid

    Jcrop » the jQuery Image Cropping Plugin Jcrop Home • Download • Manual • Examples Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications. Feature Overview Attaches unobtrusively to images or blo

    Akaza
    Akaza 2012/12/02
    画像切抜き
  • おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ

    jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch

    おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ
  • jsTree » Examples

    $("#demo2").tree({ data : { type : "json", json : [ { attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [ { attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } }, { attributes: { id : "pjson_3" }, data: "Child node 2" }, { attributes: { id : "pjson_4" }, data: "Some other child node" } ]}, { attributes: { id : "pjson_5" }, d

    Akaza
    Akaza 2011/10/12
    ツリービューライブラリ
  • Facebox 1.2

  • Build and implement a single sign-on solution

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

    Build and implement a single sign-on solution
  • IBM Developer

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

    IBM Developer
  • jQuery TOOLS - The UI library for the Web

    jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific

    Akaza
    Akaza 2009/06/17
    jQueryベース UIツールキット / MIT + GPL v2
  • joomlation.com

    joomlation.com 2018 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

    Akaza
    Akaza 2009/04/10
    アコーディオン
  • マウスホイール操作が超簡単になるjQueryプラグイン:phpspot開発日誌

    jQuery mouseWheel Plugin マウスホイール操作が超簡単になるjQueryプラグインがあるみたいですね。 サンプルを動かしてみたところ、いい感じに動作しました。 それぞれの要素上で、ホイールを動かすと、ちゃんと対象エレメントを取得できます。 サンプルには階層になってても上位伝播させず、 event.stopPropagation(); event.preventDefault(); で停止させる例も載ってます。 実際にどうやって使うかというと、これまたシンプルで、次のような感じ。 $('#test1').mousewheel(function(event, delta) { if (delta > 0) log('#test1: up ('+delta+')'); else if (delta < 0) log('#test1: down ('+delta+')');

    Akaza
    Akaza 2009/04/02
    event / マウスホイールのイベントを拾う
  • jQuery入門(その1)(1/7):CodeZine

    はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と

    jQuery入門(その1)(1/7):CodeZine
    Akaza
    Akaza 2009/04/02
    体系的に全体を網羅している。
  • javascriptでマウスの長押しをハンドリング

    javascriptでユーザーのマウス操作をハンドリングする際、 click dblclick mouseover mouseout mousedown mouseup と、よく使うイベントハンドラがありますが、 マウスボタンの長押しをハンドリングするハンドラがありません。 Webページで長押しを使いたいケースがあったので、簡単なライブラリを作成しました。 興味のある方はどうぞ。 マウスの長押しでスクリプトを実行  マウスボタンの長押し Windowユーザーの方はマウスボタンの長押しにはなじみがないかもしれませんが、 Macでは昔から利用されている操作方法です。  アイコンやリンクなどの領域をマウスボタンを押した状態で少しキープすることで、 クリックとは異なる機能を呼び出すことができるものです。  ※このエントリは builder メンバーにより投稿されたものです。シーネットネットワークス

    Akaza
    Akaza 2009/03/26
    tip library イベント クリック
  • これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」:phpspot開発日誌

    これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ1つとってみても、jQueryを使う意味が出てきそうです。 jQueryは当にデフ

    Akaza
    Akaza 2009/03/13
    右クリックメニューを独自実装 / 特定エレメント上に限定可能
  • New jQuery plugin: ‘imgPreview’ – James Padolsey

    The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time! The image preview shows up in a tooltip-like box appearing alongside the user’s cursor when hovering over a link. The plugin is entirely unobtrusive; it does not require any hooks to target specific links

    Akaza
    Akaza 2009/01/30
    画像のプレビューをポップアップで表示
  • alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」:phpspot開発日誌

    jQuery Alert Dialogs alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」。 次のようにシンプルで分かりやすいデザインのダイアログをJavaScriptで簡単に作れます。 同様のライブラリは色々と存在しますが、jQueryプラグインということで使いやすいかもしれませんね。 デザインもシンプルで嫌味のないデザインとなっています。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」

  • Project Deploy - The Future Of Robotics & Programming

    Many medical institutes in the United States use some type of software to manage their records. It eliminates the use of paper, makes transferring information easier, and provides an easy to access database. Most would assume that such a system is also very secure. But programmers and physicians from the University of California recently showed […] Everyone dreams of making their own game, and wit

    Akaza
    Akaza 2008/12/02
    条件を選択してゆき、ウェブサイトのベースを生成。おせっかいすぎず、不足無く。個人サイトのスカッフォードに利用できるか。 / encodeはutf-8、langはenで固定。
  • HOKYPOKY. | MULTICOL. jQuery Plugin

    MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日製のプラグインなので日語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい

    Akaza
    Akaza 2008/11/26
    "MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。"
  • lightbox

    The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so

    Akaza
    Akaza 2008/11/19
    丸角lightbox
  • MOONGIFT: » スクロールに追従するボックス「Scroll Follow」:オープンソースを毎日紹介

    Webサイトでメニューの項目が少なく、コンテンツが長い場合には読み終わった後メニューまで戻るのが大変な作業になる。代表的なメニューに即アクセスできると便利だ。そんな時に使えるのがスクロールに追従するメニューになる。 スクロールに追従してボックスが移動する とは言え、実装するとなると意外と面倒だ。ブラウザ間による互換性を保つのも大変だ。そこで使いたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはScroll Follow、スクロールをフォローするボックスを作成するjQueryプラグインだ。 Scroll Followはスクロールに応じて上下するボックスを作成することができるjQueryプラグインだ。ただ追従するだけもできるが、指定範囲まで降りると停止するものも作成できる。 指定範囲でのみ移動と言うこともできる オプションも幾つか用意されており、クリックで追従を停止するよ

    MOONGIFT: » スクロールに追従するボックス「Scroll Follow」:オープンソースを毎日紹介
  • fancyBox

    Fancybox ​Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. It is built using TypeScript for use with various modern application frameworks (React, Vue, etc) or simply with pure Javascript. It is built using the Carousel component under the hood, and the Panzoom component is used to make the images interactive. Key Fe

    Akaza
    Akaza 2008/10/23
    Lightbox風拡大画像表示プラグイン
  • [JS]拡大時のアニメーションが面白い、画像ギャラリーのスクリプト -flyout.js

    jQuery.flyout デモでは、3種類の実装方法が紹介されており、拡大時のアニメーションだけでなく、ローディングのサインをテキストや画像にするなども可能です。 jQuery.flyoutはjQueryのプラグインのため、動作にはjquery.jsが必要です。